$.ajax() 获取不到return 返回值

/*常见错误示例 直接在 ajax 里面return 结果
*/

function demo(){
  $.ajax({
       url : 'test.do',
      type : "post",
      data : {},
     async : false,
      success : function(data) {
           result = data.object;
    }
  });
}

/* 结果 无返回 */

两个错误写法会导致这种情况:

1、 ajax默认为异步,异步不可以直接return返回结果;

2、在ajax方法中直接return返回值,嵌套函数中,return该作用域函数的返回值,demo中,demo()为外部函数,return的结果对demo()无效

修改为:

/**
* (1)同步调用 (2)且在ajax对全局变量进行设值 (3)ajax函数外将变量return
* 结果:返回 2。成功获取返回值
* 成功原因:先执行result = 2;再往下执行return result;
*/
function demo1(){
  var result = 1;
  $.ajax({
       url : 'test.do',
       type : "post",
      data : {},
      async : false,
      success : function(data) {
           result = data.object;
      }
   });
    return result; //data.object的值
}

可以正常运行了。但是,ajax 改为同步请求会导致阻塞;ajax 需要 进行异步请求。 

/**
* 添加async:true.即修改为异步
* 结果以callback的形式回调
*/
function demo1(params,callback){
  var result = 1;
  $.ajax({
    url : 'test.do',
    type : "post",
    data : {"params ":params },
    async : true,
    success : function(data) {
      result = data.object;
      callback(result);
    }
  });
}

demo1("Value",function(rs){
//do someting

console.log(rs);
})

 

posted on 2018-03-07 11:33  诚明小巫  阅读(286)  评论(0编辑  收藏  举报

导航