今天刚上班就偶遇关于获取Ajax方法return的返回值的问题,这里小记一下。
在使用jquery中,如果获取不到ajax返回值,原因有二:
一、ajax未使用同步
ajax未使用同步,导致数据未加载完,再return的话,最后只会获得一个"undefined"的结果。
二、在ajax方法中直接return返回值
下面列举三种写法,,如果想要成功获取到返回值,可以参考第三种写法:
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 : true,14 success : function(data) {15 return 2;16 }17 });18 return result;19 }20 21 /**22 * (1)异步调用 (2)在ajax对全局变量进行设值 (3)ajax函数外将变量return23 * 结果:返回 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函数外将变量return43 * 结果:返回 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 }