问题描述:想实现点击按钮,出现blockUI层,然后输入信息,点击确定,关闭blockUI,然后调用ajax方法,但是每次都要等到ajax执行完后,blockUI才会关闭,方法如下
// 开始订单同步
function syncOrder(){
// 验证空序列号
var emptyCardId = $("#emptyCardId").val();
if(emptyCardId=="" || emptyCardId==null){
alert("请输入空序列号!");
return false;
}else{
closeBlockDiv();
}
$("#syncLoadImg").show();
$("#syncOrderBtn").hide();
$.ajax({
type:"post",
url:"${root}/orderProcessJson/syncOrder.action",
data:"emptyCardId="+emptyCardId,
dataType:"json",
async: false,
success:function(json){
$("#syncLoadImg").hide();
if('1' == json.resultCode){
window.alert("同步成功!");
}else {
$("#syncOrderBtn").show();
window.alert("同步失败!");
}
},
error:function(){
alert("操作失败!");
}
});
}
问题原因:async: false 改为 async: true即可(开始以为blockUI的关闭时在ajax前面的代码,应该没有关系,但是却还是有影响,记录一下!!!)