js-for循环中使用$.post方法无法正确获取结果集
问题描述:js-在for循环中使用$.post获取结果集时,post请求在还未返回结果集时for循环已经开始下一次循环,导致无法获取正确结果集
原因:$.post()属于异步请求,所以在执行for 循环的时候,JS 发送了一个异步的post 请求,但是在该请求还没有返回结果的同时 ,JS继续执行了第二次for 循环,依次类推,有可能js把for 循环都执行完了,第一次的post
请求还没有结束,此时就可能出现种种问题。
而解决该问题的办法 就是把post 请求换成同步请求,当post 结束之后,才会进行下一次循环;
但问题又来了,$ .post()的格式 为$ .post(url,para,function,type) 这四个参>数依次为请求url,请求参数,请求回调函数,请求类型,并没有一个参数是设置异步还是同步的,所以,此时就应该换一种请求方 法:$.ajax(); 参数如下:
$.ajax({
type: "POST",
url: url,
async : false,//是否为同步,此处一定设置为false
data: data,
success: success,
dataType: dataType
});
所以在for循环中使用请求方法,最好使用$.ajax ,而非使用post
实例:
layer.confirm('提交后信息将无法修改,是否继续', {
btn: ['继续', '取消'] //按钮
}, function () {
//入库仓库ID
var materialWarehouseId = $("#materialWarehouseId").val();
//判断入库仓库是否是总部礼品库
if (materialWarehouseId == 10 || materialWarehouseId == 19 || materialWarehouseId == 30) {
//提示信息
var tips = "";
//判断入库材料价格是否大于1000元或是否在总部高档礼品库中有入库记录
for (var i = 0; i < row.length; i++) {
//材料名称
var materialName = row[i].material.name;
//材料价格
var materialMoney = row[i].materialMoney;
var materialId = row[i].material.id;
//根据材料ID查询是否在"总部高档礼品库"中有入库记录
$.ajax({
url:"${pageContext.request.contextPath}/material/in/materialInDetail/queryRecordGD.do", //请求的url地址
dataType:"json", //返回格式为json
async:false, //请求是否异步,默认为异步,这也是ajax重要特性
data:{"materialId":materialId}, //参数值
type:"POST", //请求方式
success:function(json){
if (json.success) {
tips = tips + "《"+materialName+"》在《总部高档礼品库》中有入库记录</br>";
} else {
if (materialMoney > 1000) {
tips = tips + "《"+materialName+"》单价大于1000元</br>";
}
}
},
});
}
tips = tips + "</br>是否继续申请?";
layer.confirm(tips, {
btn: ['继续', '取消'] //按钮
}, function () {
applySubmit();
});
}else {
applySubmit();
}
});