码迷,mamicode.com
首页 > Web开发 > 详细

如何在函数外部获取ajax的返回值?

时间:2018-03-01 00:45:37      阅读:581      评论:0      收藏:0      [点我收藏+]

标签:异步   变量   color   导致   ***   nbsp   解决方案   多个   全局   

问题:今天在开发的过程中,遇到一个小问题,就是在将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的返回值?

标签:异步   变量   color   导致   ***   nbsp   解决方案   多个   全局   

原文地址:https://www.cnblogs.com/yurenc/p/8486035.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!