金灿灿的朝晖，渐渐染红了东方的天际，高高的黄山主峰被灿烂的云霞染成一片绯红。太阳在朝霞的迎接中，露出了红彤彤的面庞，霎时，万道金光透过树梢给水面染上了一层胭脂红。
本文实例讲述了微信小程序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.haodaima.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
希望本文所述对大家微信小程序开发有所帮助。
到此这篇关于微信小程序wx.request实现后台数据交互功能分析就介绍到这了。拥有知识改变命运，拥有理想改变态度。更多相关微信小程序wx.request实现后台数据交互功能分析内容请查看相关栏目，小编编辑不易，再次感谢大家的支持！
