1. 程式人生 > >獲取的ajax方法return的返回值的問題解析

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

獲取的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; }