用jquery的ajax方法獲取不到return返回值

若是jquery中,獲取不到ajax返回值。jquery

兩個錯誤寫法會致使這種狀況:1.ajax未用同步  2.在ajax方法中直接return返回值。ajax

下面列舉了三種寫法,若是想成功獲取到返回值,參考第三種寫法:異步

 1 /**
 2  * 方式:(1)同步調用 (2)在ajax函數中return值
 3  * 結果:返回 1。未成功獲取返回值
 4  * 失敗緣由:ajax內部是一個或多個定義的函數,ajax中return返回值,
 5  * 返回到ajax定義函數,而不是返回到ajax外層的函數checkAccount1()
 6  */
 7 function checkAccount1(){
 8     var result = 1;
 9     $.ajax({
10         url : 'test.do',
11         type : "post",
12         data : {},
13         async : false,
14         success : function(data) {
15             return 2;
16         }
17     });
18     return result;
19 }
20 
21 /**
22  * (1)異步調用 (2)在ajax對全局變量進行設值 (3)ajax函數外將變量return
23  * 結果:返回 1。未成功獲取返回值
24  * 失敗緣由:ajax請求和後面的return result語句異步執行,
25  * 致使return result比result = 2先執行並返回result的值
26  */
27 function checkAccount2(){
28     var result = 1;
29     $.ajax({
30         url : 'test.do',
31         type : "post",
32         data : {},
33         async : true,
34         success : function(data) {
35             result = 2;
36         }
37     });
38     return result;
39 }
40 
41 /**
42  * (1)同步調用 (2)且在ajax對全局變量進行設值 (3)ajax函數外將變量return
43  * 結果:返回 2。成功獲取返回值
44  * 成功緣由:先執行result = 2;再往下執行return result;
45  */
46 function checkAccount3(){
47     var result = 1;
48     $.ajax({
49         url : 'test.do',
50         type : "post",
51         data : {},
52         async : false,
53         success : function(data) {
54             result = 2;
55         }
56     });
57     return result;
58 }

還有一種寫法是用回調函數,最近寫項目本身總結出來的。回調函數解決了同步體驗很差的問題,固然在這個登陸的例子不太適合用,時間緣由,下次補充好的體驗的例子。
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("登陸失敗,校驗登陸名和密碼");  }}由於正在趕項目,臨時想到的解決辦法,就在博客裏補充了一下。因此最後一種寫的比較粗糙,可能有錯誤的地方,後面有時間更正一下。
相關文章
相關標籤/搜索