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

本文实例讲述了微信小程序wx.request实现后台数据交互功能。分享给大家供大家参考，具体如下：

记录微信小程序wx.request这个api在跟后台交互时遇上的问题。

1、根据资料，完成第一步，请求发送，代码如下：

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还是req.getParameter都拿不到参数。

解决方法参考本站：//www.kunjuke.com/article/129039.htm

简单说就是增加了header: {'content-type': 'application/x-www-form-urlencoded'},后台成功获取数据。

至此，代码如下：

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');
     }
})

2、接收请求返回数据

这一步问题不大，我是按照json格式返回的，只是按照官网写的console.log(res.data)的话，会在控制台打印Object，带上参数名就好了，比如res.data.code

希望本文所述对大家微信小程序开发有所帮助。

您可能感兴趣的文章:

• 微信小程序实现获取准确的腾讯定位地址功能示例
• 微信小程序导航栏滑动定位功能示例(实现CSS3的positionsticky效果)
• 微信小程序使用map组件实现检索(定位位置)周边的POI功能示例
• 微信小程序使用map组件实现获取定位城市天气或者指定城市天气数据功能
• 微信小程序云开发之模拟后台增删改查
• 基于腾讯云服务器部署微信小程序后台服务（Python+Django）
• PHP后台实现微信小程序登录
• 微信小程序后台持续定位功能使用详解