AJAX不能在success中return返回值

今天在写js函数时,调用了一个自己写的带返回值的js函数,但是得到的返回值actor却是undefined

var actor = getActorAjax(datas[i].actorId);

于是到getActorAjax()这个函数中寻找错误

//获取演员信息
function getActorAjax(id){
  var res = {
    "id": id,
  };
  var actor;
  $.ajax({
      headers: {
             "x-auth-token" : "" + localStorage.getItem("x-auth-token")  //这是获取的token
      },
      type:"post",
      url:getActorUrl,
      data:JSON.stringify(res),
      dataType :"json",
      contentType:"application/json;charset=utf-8",
      success:function(obj){
        console.log(res);
        console.log(obj.code + obj.msg);
        if (obj.code != 0) {
          alert(obj.msg);
        }else{
            actor = obj.data.actor;
        }
      },
      error: function(){
        alert('访问失败');
      }
    });
    return actor;
}

这个函数中使用了Ajax得到了actor,并在最后进行返回。一开始我觉得是后台接口出错,没有返回actor。于是查看了接口的返回

显然,ajax的访问是成功的,却是得到了actor,那为什么函数不能正常返回呢?

上网查证后,发现问题出在ajax的访问上, ajax默认是异步调用,才会导致这种情况。只需要设置为同步调用,加上下面这行代码即可。

async:false,//同步
//获取演员信息
function getActorAjax(id){
  var res = {
    "id": id,
  };
  var actor;
  $.ajax({
      headers: {
             "x-auth-token" : "" + localStorage.getItem("x-auth-token")  //这是获取的token
      },
      type:"post",
      url:getActorUrl,
      async:false,//同步
      data:JSON.stringify(res),
      dataType :"json",
      contentType:"application/json;charset=utf-8",
      success:function(obj){
        console.log(res);
        console.log(obj.code + obj.msg);
        if (obj.code != 0) {
          alert(obj.msg);
        }else{
            actor = obj.data.actor;
        }
      },
      error: function(){
        alert('访问失败');
      }
    });
    return actor;
}

 如上,此时函数就能正确返回了。

 

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
要获取`success`方法返回作为`aa`方法的返回,可以使用`Deferred`对象(延迟对象)的方式来实现。`Deferred`对象是jQuery一个非常有用的异步编程工具,可以方便地管理和处理异步操作。 这里是一个示例代码,展示了如何使用`Deferred`对象来获取`success`方法返回: ```javascript function aa(process) { var deferred = $.Deferred(); $.ajax({ url: '/aaa/vvv', type: 'post', dataType: 'json', data: { 'process': process }, success: function(data) { alert('正确提示'); deferred.resolve(data); // 将success方法的返回传递给deferred对象 }, error: function() { top.$.message.alert('错误提示'); deferred.reject(); // 使用deferred对象的reject方法处理错误 } }); // 返回deferred对象的promise方法,以便在调用时获取success方法的返回 return deferred.promise(); } // 调用aa函数,并在promise方法获取success方法的返回 aa('some process').then(function(data) { console.log(data); // 打印success方法的返回 }).fail(function() { console.log('请求失败'); }); ``` 在上述代码,我们在`aa`函数创建一个`Deferred`对象,并在`success`方法使用`resolve`方法来传递`success`方法的返回。如果请求失败,我们将使用`reject`方法处理错误。最后,我们返回`Deferred`对象的`promise`方法,以便在调用时获取`success`方法的返回。我们在promise方法使用`then`方法来获取`success`方法的返回,使用`fail`方法来处理错误。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值