原始代码:
that.ajaxDeal(url, param, function(result){
if (result.code != 200) {
alert("failed");
console.log("failed");
return false;
}else{
console.log("success");
}
},null,false,"POST");
可以看到在ajax请求中,如果访问url响应失败,状态码不为200时,应该弹出alert窗口,显示消息提示响应失败,控制台输出消息,然后返回false。
但是,当我的请求处理失败时,这个alert窗口是怎么也无法弹出,但是控制台却会打印输出消息。当我debugger,想看一下代码问题出在哪的时候,一步一步走,走到 alert 这一步时,窗口却能够弹出。
百思不得其解,请教导师后知道了问题所在,问题就出在 return false这一步。猜测是alert语句执行,响应需要的时间比较长,所以return false先执行成功,导致alert语句虽然可能执行了,但是来不及响应渲染页面。所以当我在debugger时,一步一步走,alert窗口能够弹出。
因此,修改后代码如下:
var saveSuccess = true;
that.ajaxDeal(url, param, function(result){
if (result.code != 200) {
alert("failed");
saveSuccess = false;
}else{
console.log("success");
}
},null,false,"POST");
return saveSuccess;
这样一来,只有等待if语句中的,语句块完全执行,同步请求处理结束之后,才会返回false。就可以看到alert框弹出来了。