用jquery的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;
}

還有一種寫法是用回調函數，最近寫項目自己總結出來的。回調函數解決了同步體驗不好的問題，當然在這個登錄的例子不太適合用，時間原因，下次補充好的體驗的例子。

27 function checkAccount4(callBack){ 29  $.ajax({ 30 url : 'test.do', 31 type : "post", 32  data : {}, 33 async : true, 34 success : function(data) {
　　　　　　　　　　if(data== "success"){
　　　　　　　　　　　　　callBack(0);　
　　　　　　　　　　}else{
　　　　　　　　　　　　callBack(1);
　　　　　　　　　　}
　　　　　　　　　 36  } 37  }); 39 }

function checkAndLogin(){
　　checkAccount4(loginAction);
}

function loginAction(result){
　　if(result == 0){
　　　　//跳轉到登錄頁面
　　}else{
　　　　alert("登錄失敗，校驗登錄名和密碼");
　　}
}

因為正在趕項目，臨時想到的解決辦法，就在博客里補充了一下。所以最后一種寫的比較粗糙，可能有錯誤的地方，后面有時間更正一下。