1. 程式人生 > >jquery ajax 返回值問題

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 同步和非同步的問題。