问题:今天在开发的过程中,遇到一个小问题,就是在将ajax获取数据部分的代码封装在函数内,将ajax获取的值作为函数的返回值。
抱着爱钻研的精神,最终得到了解决方案,在这里整理出来方便以后查阅。
尝试1:同步调用,直接在ajax函数中return值
function getAjax(){ ????var result = 1; ????$.ajax({ ????????url : ‘test.php‘, ????????type : "post", ????????data : {}, ????????async : false, ????????success : function(data) { ????????????return 2; ????????} ????}); ???return result;}
?--结果:失败,返回 1。 ?--分析原因:ajax内部是一个或多个定义的函数,ajax中return返回值,返回到ajax定义函数,而不是返回到ajax外层的函数getAjax
***************************************************************************************************************
尝试2:异步调用,将ajax获取的值赋值给全局变量,将全局变量返回
function getAjax(){ ????var result = 1; ????$.ajax({ ????????url : ‘test.php‘, ????????type : "post", ????????data : {}, ????????async : true, ????????success : function(data) { ????????????result = 2; ????????} ????}); ????return result; }
?--结果:失败,返回 1。 ?--分析原因:ajax请求和后面的return result语句异步执行,导致return result比result = 2先执行并返回result的值
***************************************************************************************************************
正确打开方式:同步调用,且ajax获取值后对全局变量赋值,最后将全局变量return
function getAjax(){ ????var result = 1; ????$.ajax({ ????????url : ‘test.php‘, ????????type : "post", ????????data : {}, ????????async : false, ????????success : function(data) { ????????????result = 2; ????????} ????}); ????return result; }
--结果:返回 2。成功获取返回值--成功原因:因为加了同步阻塞,先执行result = 2;再往下执行return result;
如何在函数外部获取ajax的返回值?
原文地址:https://www.cnblogs.com/yurenc/p/8486035.html