Ajax请求成功后return无法接收到返回值的问题及解决方案

项目中需要频繁的用到ajax请求，所以就想用一个方法将整个请求封装起来，直接调用方法传递参数，然后返回请求结果就可以了。
源代码如下：

getAddressInfo(lng, lat) {
    axios.get("/proxy/reverse_geocoding/v3/?ak=" + BDAK + "output=jsoncoordtype=wgs84lllocation=" +
      "" + lat + "," + lng, {
      dataType: "JSONP"
    }).then(res = {
      return res
    })
}

调用这个方法之后，一直无法接收到return的值，一直都是undefined
后来百度查看原因是因为，ajax是异步请求，当js代码执行到这里的时候，不会等待异步请求完毕，就直接return了，所以值就一直是undefined
针对这个问题，我们可以使用promise，就可以解决

return new Promise((resolve, reject) = {
接口请求成功就resolve出去
失败就reject出去
})

export function getAddressInfo(lng, lat) {
  return new Promise((resolve, reject) = {
    axios.get("/proxy/reverse_geocoding/v3/?ak=" + BDAK + "output=jsoncoordtype=wgs84lllocation=" +
      "" + lat + "," + lng, {
      dataType: "JSONP"
    }).then(res = {
      resolve(res)
    }).catch(err = {
      reject('')
    })
  })
}

到此这篇关于ajax请求成功后return无法接收到返回值的文章就介绍到这了,更多相关ajax无法接收到返回值内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站！

您可能感兴趣的文章:

• jquery ajax return没有返回值的解决方法
• 快速解决ajax返回值给外部函数的问题
• 解决ajax请求后台,有时收不到返回值的问题
• ajax请求后台接口数据与返回值处理js的实例讲解
• jquery+ajax请求且带返回值的代码
• js获取ajax返回值代码