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

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

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

getAddressInfo(lng, lat) {
    axios.get("/proxy/reverse_geocoding/v3/?ak=" + BDAK + "&output=json&coordtype=wgs84ll&location=" +
      "" + 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=json&coordtype=wgs84ll&location=" +
      "" + lat + "," + lng, {
      dataType: "JSONP"
    }).then(res => {
      resolve(res)
    }).catch(err => {
      reject('')
    })
  })
}

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

本文收集自网络,不代表IT俱乐部立场,转载请注明出处。https://www.2it.club/navsub/ajax/9566.html
上一篇
下一篇
联系我们

联系我们

在线咨询: QQ交谈

邮箱: 1120393934@qq.com

工作时间:周一至周五,9:00-17:30,节假日休息

关注微信
微信扫一扫关注我们

微信扫一扫关注我们

返回顶部