ajax循环调用时,只返回最后一次的值,后台执行最后一次数据
1、
代码:
var i;
for(i=0;i<10;i++){
ajaxServise(i);
}
在for循环中调用ajax方法 补充页面上的数据,这样写是错误的,他不会每执行一次for循环就执行一次ajax方法,而是等for循环结束才去执行ajax方法,所以导致ajax只被执行一次。然而当修改如下:
for(i=0;i<10;i++){
alert("aa");
ajaxServise(i);
}
与上面不同的是在每次调用的时候都弹出一个窗体 alert("内容随意") 这样就可以在页面正确显示内容 而不是一条内容
原因:for循环在JS中是单线程的,他会在for循环结束之后然后执行下一步,一步一步进行实现,而alert切断循环,让程序响应一次,从而再次调用ajax方法,然而在程序当中我们却不能让alert方法出现。
(此方法在前台显示正确,但调用后台数据时仍然为最后一次的值)
解决办法:
var i=0;
var sum=10;
var time;
ajaxServise(i){
if(i==sum){
clearTimeout(time);
}
i=i+1;
time = setTimeout(ajaxServise(),10);
……………………
………………
…………
……
}
这里用setTimeout(AJAX())方法进行调用,setTimeout会当此方法执行完毕然后再次执行AJAX()方法,用setTimeout与clearTimeout配合完美解决此问题。
PS:setTimeout是伪多线程。
2、是否填写是否同步的字段。
郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。