ajax return false/true对外层逻辑无影响

最新推荐文章于 2023-04-26 16:12:39 发布

原创最新推荐文章于 2023-04-26 16:12:39 发布 · 424 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

前端专栏收录该内容

6 篇文章

订阅专栏

探讨在前端开发中，使用AJAX进行数据校验时，如何在success回调中利用return false中断事件流程。介绍了一种通过设置外部变量flag的方法来实现事件的中断。

今天在写前端交互的时候碰到一个比较奇怪的问题：在一个事件里，ajax请求校验了一部分数据，根据接口返回的结果执行一些操作，但是发现在ajax的success代码块return false，并不能中断整个事件函数。
我先是尝试了同步请求，也就是：

'async':false

但是并没有用，还是进入了下面的代码块，仔细看了下，return false/true是在ajax的success函数内部，并不能作用到外层，因为它是作用于success函数本身。于是我想了另一个办法来解决，通过js作用域，在外部定义一个局部变量来标识校验的结果：

逻辑代码段1;
var flag = true;
$.ajax({
    'url':'/lvshi/clients/validate_submit.html',
    'async':false,
    'type':'post',
    'data':{'lawhelp_id': lawhelp_id},
    success:function(res){
        var data = JSON.parse(res);
        if (data.status == 0) {
            review_status(status_s);
            alert(data.msg);
            flag = false;
        }
    }
});
if(flag == false){
    return false;
}
逻辑代码段2;

不是太深奥的问题，但是很细节，很容易出错！