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

Posted 2020-10-25 yurenc

问题：今天在开发的过程中，遇到一个小问题，就是在将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;