微信小程序数据交互怎么操作
很多人在开发微信小程序的时候不清楚数据交互是什么东西，也不知道它存在的意义是什么，其实数据交互就是记录微信小程序wx.request这个api在跟后台交互时遇上的问题。那么微信小程序数据交互要怎么操作呢?
1、根据资料，完成第一步，请求发送，代码如下：
[javascript] view plain copy print?
wx.request({
url: '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');
}
})
wx.request({
url: '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都拿不到参数。
解决方法参考链接：blog.csdn.NET/mhmyqn/article/details/25561535/
简单说就是增加了header: {'content-type': 'application/x--form-urlencoded'},后台成功获取数据。至此，代码如下：
[javascript] view plain copy print?
wx.request({
url: 'localhost:8443/xiaochengxu/addBill.do',
data: e.detail.value,
method: 'POST',
header: {'content-type': 'application/x--form-urlencoded'},
success:function(res) {
console.log('submit success');
},
fail:function(res){
console.log('submit fail');
},
complete:function(res){
console.log('submit complete');
}
})
wx.request({
url: 'localhost:8443/xiaochengxu/addBill.do',
data: e.detail.value,
method: 'POST',
header: {'content-type': 'application/x--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这个api在跟后台交互时遇上的问题，微信小程序数据交互使用起来还是能让小程序的开发更为便捷。更多相关教程请关注微信程序素材网。
全新小程序数据助手上线，可以随时查小程序后台数据了
关于微信小程序开发框架，微信小程序框架搭建
微信小程序入门示例 微信小程序示例怎么用?
上一篇：微信黄金资金如何赎回？