项目中需要频繁的用到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('')
})
})
}