jquery ajax 返回值问题

原文地址: 

/**
 * 方式:(1)同步调用 (2)在ajax函数中return值
 * 结果:返回 1。未成功获取返回值
 * 失败原因:ajax内部是一个或多个定义的函数,ajax中return返回值,
 * 返回到ajax定义函数,而不是返回到ajax外层的函数checkAccount1()
 */
function checkAccount1(){
    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
 * 结果:返回 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;
}


//同步效果并不好,网页会加载的慢一些

另外一种方法:
1 在check 函数外边定义一个全局变量,当在ajax里面给全局变量赋值。
2 其他函数使用全局变量的值。
3 是check函数执行完,才去使用返回值



注意:
1 ajax 里面不能直接return,return只会终止ajax函数的执行,并不会把值传出去。
2 同步和异步的问题。


猜你喜欢

转载自blog.csdn.net/qq_38296051/article/details/84319729