如果jquery中,获取不到ajax返回值,可能是在ajax没有返回数据时,就提取了返回值,所以返回了undifined。所以要考虑避免这种情况,可以借助async同步异步的选项来解决。两个错误写法会导致这种情况: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; }
还有一种写法是用回调函数,回调函数解决了同步体验不好的问题,当然在这个登录的例子不太适合用。
function checkAccount4(callBack){ $.ajax({ url : 'test.do', type : "post", data : {}, async : true, success : function(data) { if(data== "success"){ callBack(0); }else{ callBack(1); } } }); } function checkAndLogin(){ checkAccount4(loginAction); } function loginAction(result){ if(result == 0){ //跳转到登录页面 }else{ alert("登录失败,校验登录名和密码"); } }
最后一种写的比较粗糙,可能有错误的地方,后面有时间更正一下。