用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