源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

微信小程序wx.request实现后台数据交互功能分析

  • 时间:2021-10-03 01:19 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序wx.request实现后台数据交互功能分析
本文实例讲述了微信小程序wx.request实现后台数据交互功能。分享给大家供大家参考,具体如下: 记录微信小程序wx.request这个api在跟后台交互时遇上的问题。 [b]1、根据资料,完成第一步,请求发送,代码如下:[/b]
wx.request({
     url: 'https://localhost:8443/xiaochengxu/addBill.do',
     data: e.detail.value,
     method: 'POST',
     success:function(res) {
       console.log('submit success');
     },
     fail:function(res){
       console.log('submit fail');
     },
     complete:function(res){
       console.log('submit complete');
     }
})

后台成功接收到请求,控制台也打印了submit success和submit complete,但是,后台请求并未接收到数据,打开调试,发现数据都在request payload中,所以后台无论是springmvc的映射bean还是[code]req.getParameter[/code]都拿不到参数。 解决方法参考本站:[url=http://www.1sucai.cn/article/129039.htm]http://www.1sucai.cn/article/129039.htm[/url] 简单说就是增加了[code]header: {'content-type': 'application/x-www-form-urlencoded'}[/code],后台成功获取数据。 至此,代码如下:
wx.request({
     url: 'https://localhost:8443/xiaochengxu/addBill.do',
     data: e.detail.value,
     method: 'POST',
     header: {'content-type': 'application/x-www-form-urlencoded'},
     success:function(res) {
       console.log('submit success');
     },
     fail:function(res){
       console.log('submit fail');
     },
     complete:function(res){
       console.log('submit complete');
     }
})

[b]2、接收请求返回数据[/b] 这一步问题不大,我是按照json格式返回的,只是按照官网写的[code]console.log(res.data)[/code]的话,会在控制台打印Object,带上参数名就好了,比如[code]res.data.code[/code] 希望本文所述对大家微信小程序开发有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部