alert窗口不弹出对话框解决(debugger模式下可以弹出,正常操作执行结束不弹出)

原始代码:

 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框弹出来了。


版权声明:本文为qq_40871196原创文章,遵循CC 4.0 BY-SA版权协议,转载请附上原文出处链接和本声明。