脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → AJAX相关 → ajax无法接收到返回值

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

 更新时间：2023年10月12日 15:53:16   作者：Koreyoshi·  
项目中需要频繁的用到ajax请求,所以就想用一个方法将整个请求封装起来,直接调用方法传递参数,然后返回请求结果就可以了,这篇文章主要介绍了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无法接收到返回值内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家！

您可能感兴趣的文章:

相关文章

  • laypage前端分页插件实现ajax异步分页

    laypage前端分页插件实现ajax异步分页

    layPage是一款多功能的js分页组件，即适用于异步分页，又可用于传统的整页刷新跳页，还支持信息流加载，并且可无缝迁移至Node.js平台，这篇文章主要介绍了laypage前端分页插件，实现ajax异步分页,需要的朋友可以参考下
    2016-05-05
  • ajax实现的提交文章前进行敏感词审核的代码

    ajax实现的提交文章前进行敏感词审核的代码

    在做“文章敏感词汇审核”功能的时候，开始在把“审核”放在插入数据库的时候，后来想有一个功能，能在用户点击“提交”按钮的时候，给一个提示。这样相对“友好”那么点。
    2010-02-02
  • 5款Ajax 文件上传控件

    5款Ajax 文件上传控件

    如果你的网站含有文件上传功能，那可以使用本文介绍的5款Ajax文件上传控件，提升用户体验。要知道，上传文件总是个痛苦的过程，要消除不太现实，但至少如果你为减少用户的痛苦努力了，那用户也会喜欢你的网站的。
    2009-10-10
  • Ajax 框架之SSM整合框架实现ajax校验

    Ajax 框架之SSM整合框架实现ajax校验

    这篇文章主要介绍了Ajax 框架之SSM整合框架实现ajax校验,需要的朋友可以参考下
    2017-04-04
  • history保存列表页ajax请求的状态使用示例详解

    history保存列表页ajax请求的状态使用示例详解

    这篇文章主要为大家介绍了history保存列表页ajax请求的状态使用示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
    2022-12-12
  • 反向Ajax 30分钟快速掌握

    反向Ajax 30分钟快速掌握

    这篇文章主要介绍了反向Ajax 30分钟快速掌握的相关资料,需要的朋友可以参考下
    2016-07-07
  • Ajax实现无闪烁定时刷新页面实例代码

    Ajax实现无闪烁定时刷新页面实例代码

    这篇文章主要介绍了使用Ajax技术实现无闪烁定时刷新页面实例代码，非常不错具有参考借鉴价值，感兴趣的朋友一起看下吧
    2016-05-05
  • Ajax异步上传文件实例代码分享

    Ajax异步上传文件实例代码分享

    这篇文章主要介绍了Ajax异步上传文件实例代码，非常不错具有参考借鉴价值，需要的朋友可以参考下
    2016-06-06
  • Ajax和$.ajax使用实例详解(推荐)

    Ajax和$.ajax使用实例详解(推荐)

    本文通过三个实例给大家讲解了Ajax和$.ajax使用实例详解，非常不错，具有参考借鉴价值，需要的朋友参考下
    2017-02-02
  • Ajax解决缓存的5种方法总结(推荐)

    Ajax解决缓存的5种方法总结(推荐)

    下面小编就为大家带来一篇Ajax解决缓存的5种方法总结(推荐)。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-12-12

最新评论