獲取的ajax方法return的返回值的問題解析

jackcheng1117發表於2018-09-22

獲取的ajax方法return的返回值的問題:

如果jquery中,獲取不到ajax返回值。 兩個錯誤寫法會導致這種情況:

1.ajax未用同步  

2.在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;
}

相關文章