ajax请求 return异常

最新推荐文章于 2023-09-13 11:29:43 发布

原创最新推荐文章于 2023-09-13 11:29:43 发布 · 438 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#ajax

js 专栏收录该内容

0 篇文章

订阅专栏

本文详细解析了在Ajax请求中如何正确使用return获取返回值。由于Ajax默认为异步执行，直接在回调函数中return是无法在外部函数中获取到返回值的。文章通过示例展示了如何通过设置async属性为false使Ajax请求变为同步，从而实现return返回值的有效使用。

ajax请求中，如果我们需要return返回值的话，直接return是行不通的：

function f() {
    $.ajax({
        url:"baidu.com" ,
        type:"get", 
        data:{
            'a': '1',
            'b': '2',
        },
        success: function (data) {
            return data.code;
        }
    });
}

原因：在ajax中return并不指的是在外部函数 f() 中return，需要将retrun拿出来：

function f() {
    $.ajax({
        url:"baidu.com" ,
        type:"get", 
        data:{
            'a': '1',
            'b': '2',
        },
        success: function (data) {
            code = data.code;
        }
    });
    return code;
}

但是这样还是拿不到返回值，原因是ajax是异步调用，return返回值的时候，ajax请求并没有完成，所以取不到返回值，所以需要修改成如下，添加参数让ajax请求变成阻塞：

function f() {
    $.ajax({
        url:"baidu.com" ,
        type:"get", 
        data:{
            'a': '1',
            'b': '2',
        },
        async:false, //阻塞执行请求
        success: function (data) {
            code = data.code;
        }
    });
    return code;
}

这样就可以调用成功了！