为了账号安全,请及时绑定邮箱和手机立即绑定

js使用for循环去调用ajax请求后台刷新页面

js使用for循环去调用ajax请求后台刷新页面

MMMHUHU 2018-12-06 22:35:29
因为后台查询的内容太多,不能及时返回页面,现在需要把页面请求拆分为一个个请求---for循环,然后使用ajax返回数据到页面刷新,但是为什么进入页面是空白的,必须等所有的请求完成才一次性加载数据到页面,而不是请求完成一个加载一个数据。 var taskArray=new Array("01","02","03","04","05","06","07"); for(var i=0;i<7;i++){   taskParam = taskArray[i];   $.ajax({    url:"<%=basePath%>TestServlet?method=query&taskParam="+taskParam,     type:"post",     data:{},     dataType:"json",    async : false, //默认为true 异步     error:function(jqXHR, textStatus, errorThrown){     alert("查询任务出现异常:"+errorThrown);    },    success:function(data){     var message = data.message;      var spanid = 'span_'+taskParam ;      document.getElementById(spanid).innerText = message ;   }} body是7个span 怎么让for里面,请求返回一次,刷新一个span,而不是等所有请求完成才一起刷新
查看完整描述

6 回答

?
素胚勾勒不出你

TA贡献1827条经验 获得超9个赞

肯定要灯七个span都加载完成后才能显示页面了,难道还能先显示页面,然后再一个一个生成span?那就算生成了你页面也显示不出来

查看完整回答
反对 回复 2018-12-24
?
慕田峪4524236

TA贡献1875条经验 获得超5个赞

   async : false, //默认为true 异步 

查看完整回答
反对 回复 2018-12-24
?
www说

TA贡献1775条经验 获得超8个赞

什么意思呢?是设置async : false, ???我这个已经设置了。

查看完整回答
反对 回复 2018-12-24
?
叮当猫咪

TA贡献1776条经验 获得超12个赞

1L都已经回答你了 把async : false去掉就可以了 默认是true的 

查看完整回答
反对 回复 2018-12-24
?
郎朗坤

TA贡献1921条经验 获得超9个赞

不行,试过了

查看完整回答
反对 回复 2018-12-24
?
回首忆惘然

TA贡献1847条经验 获得超11个赞

 1 var taskArray=new Array("01","02","03","04","05","06","07");
 2 for(var i=0;i<7;i++){
 3    taskParam = taskArray[i];
 4    $.ajax({
 5     url:"<%=basePath%>TestServlet?method=query&taskParam="+taskParam, 
 6     type:"post", 
 7     data:{}, 
 8     dataType:"json",
 9     async : false, //默认为true 异步 
10     error:function(jqXHR, textStatus, errorThrown){ 
11         alert("查询任务出现异常:"+errorThrown);
12        }, 
13    success:function(data){
14      var message = data.message;
15      var spanid = 'span_'+taskParam ;
16      document.getElementById(spanid).innerText = message ;
17    }
18  });
19 }
//代码没闭合,还是没有贴出来完。
查看完整回答
反对 回复 2018-12-24
  • 6 回答
  • 0 关注
  • 440 浏览
慕课专栏
更多

添加回答

举报

0/150
提交
取消
微信客服

购课补贴
联系客服咨询优惠详情

帮助反馈 APP下载

慕课网APP
您的移动学习伙伴

公众号

扫描二维码
关注慕课网微信公众号