项目中需要频繁的用到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无法接收到返回值内容请搜索本站以前的文章或继续浏览下面的相关文章希望大家以后多多支持本站!
本站资源均来自互联网,仅供研究学习,禁止违法使用和商用,产生法律纠纷本站概不负责!如果侵犯了您的权益请与我们联系!
转载请注明出处: 免费源码网-免费的源码资源网站 » Ajax请求成功后return无法接收到返回值的问题及解决方案
发表评论 取消回复