插件窝 干货文章 Ajax请求成功后return无法接收到返回值的问题及解决方案

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

请求 return class resolve 190    来源:    2024-10-17

项目中需要频繁的用到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无法接收到返回值内容请搜索插件窝以前的文章或继续浏览下面的相关文章希望大家以后多多支持插件窝!