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

因为后台查询的内容太多,不能及时返回页面,现在需要把页面请求拆分为一个个请求---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:"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,而不是等所有请求完成才一起刷新