循环发送ajax请求的解决方法

今天需要用js 循环发送ajax请求，获取信息，

一开始，就直接按照逻辑写，

for(var i=0; i<items.length; i++){
	api_url = items[i].url;
	console.log(i);
	$.ajax({
		type: 'get',url: api_url,dataType: "json",async: false,success: function(json){
			console.log("test");
			var img = json.img;
		},error: function(data){
			
		}
	});
}

1

test

2

test

...

...

实际结果却非如此，输出如下：

1

2

3

...

test

test

test

而且得到的img还都是一样的，

这个结果，显然不是我要的，怎么办，想了很久，查资料，

参考：http://www.oschina.net/code/snippet_574558_13233

http://zhidao.baidu.com/link?url=XpEn58sMKMWzVF7FIAilpvEfA-AOSahtNFF1_VJrXtEvs3bNE0I_frvxiviczkVBHXkX5WQ18eVTfdJlgeAEh_

终于搞定，运用递归，代码如下：

currentIndex = 0;
function getImg(){
	if(currentIndex>=items.length){ 
		return;
	}
	var url = item[url];
	console.log(i);
	$.ajax({
		type: 'get',url: url,cache: true,success: function(json){
			currentIndex++;
			console.log("test");
			var img = json.img;

			getImg();
		},error: function(data){
			console.log("error...");
			currentIndex++;
			getImg();
		}
	});
}

1

test

2

test

...

...

js的异步，有时候坑死人啊！

（编辑：李大同）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!