用jquery的ajax方法获取return返回值的正确姿势

如果jquery中,想要获取ajax的return返回值,必须注意两方面,ajax的同步异步问题,在ajax方法里面还是外面进行return返回值。

下面列举了三种写法,如果想成功获取到返回值,参考第三种写法:(即,前面两种是反面教材)

/**

 * 方式:(1)同步调用 (2)在ajax函数体里面return值
 * 结果:返回 1。未成功获取返回值
 * 失败原因:ajax内部是一个或多个定义的函数,ajax中return返回值,
 * 返回到ajax定义函数,而不是返回到ajax外层的函数checkAccount1()
 */
function checkAccount1(){
    var result = 1;
    $.ajax({
        url : 'test.do',
        type : "post",
        data : {},
        async : false,
        success : function(data) {
            return 2;
        }
    });
    return result;
}


/**
 * (1)异步调用 (2)在ajax对全局变量进行设值 (3)ajax函数外将变量return
 * 结果:返回 1。未成功获取返回值
 * 失败原因:ajax请求和后面的return result语句异步执行,
 * 导致return result比result = 2先执行并返回result的值
 */
function checkAccount2(){
    var result = 1;
    $.ajax({
        url : 'test.do',
        type : "post",
        data : {},
        async : true,
        success : function(data) {
            result = 2;
        }
    });
    return result;
}


/**
 * (1)同步调用 (2)且在ajax对全局变量进行设值 (3)ajax函数外将变量return
 * 结果:返回 2。成功获取返回值
 * 成功原因:先执行result = 2;再往下执行return result;
 */
function checkAccount3(){
    var result = 1;
    $.ajax({
        url : 'test.do',
        type : "post",
        data : {},
        async : false,
        success : function(data) {
            result = 2;
        }
    });
    return result;
}

注:参考博客:https://www.cnblogs.com/terryMe/p/6130309.html

获取`success`方法中的返回值作为`aa`方法返回值,可以使用`Deferred`对象(延迟对象)的方式来实现。`Deferred`对象是jQuery中一个非常有用的异步编程工具,可以方便地管理和处理异步操作。 这里是一个示例代码,展示了如何使用`Deferred`对象来获取`success`方法中的返回值: ```javascript function aa(process) { var deferred = $.Deferred(); $.ajax({ url: '/aaa/vvv', type: 'post', dataType: 'json', data: { 'process': process }, success: function(data) { alert('正确提示'); deferred.resolve(data); // 将success方法返回值传递给deferred对象 }, error: function() { top.$.message.alert('错误提示'); deferred.reject(); // 使用deferred对象的reject方法处理错误 } }); // 返回deferred对象的promise方法,以便在调用时获取success方法返回值 return deferred.promise(); } // 调用aa函数,并在promise方法获取success方法返回值 aa('some process').then(function(data) { console.log(data); // 打印success方法返回值 }).fail(function() { console.log('请求失败'); }); ``` 在上述代码中,我们在`aa`函数中创建一个`Deferred`对象,并在`success`方法中使用`resolve`方法来传递`success`方法返回值。如果请求失败,我们将使用`reject`方法处理错误。最后,我们返回`Deferred`对象的`promise`方法,以便在调用时获取`success`方法返回值。我们在promise方法中使用`then`方法获取`success`方法返回值,使用`fail`方法来处理错误。
评论 4
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值