全网整合营销服务商

营销型网站+SEO优化+关键词快排=一站式服务

免费咨询热线:15959292472

[四川seo优化网络公司]微信小程序wx.request实现后台数据交互功能分析

  本文主要介绍微信小程序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,[四川seo优化网络公司]但是★●◆○,白城市小程序开发哪家好[南宁seo公司标准]小程序中顶部导航栏示例代码。后台请求并未接收到数据□-□-,打开调试◆★,发现数据都在request payload中●◆==,所以后台无论是springmvc的映射bean还是req◇◆▼.getParameter都拿不到参数。凤城市小程序制作公司

  简单说就是增加了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

  相关推荐▷□:

  微信小程序页面跳转功能

  微信小程序表单验证功能完整实例

  微信小程序实现动态改变view标签宽度和高度的方法

  以上就是微信小程序wx.request实现后台数据交互功能分析的详细内容,更多请关注久澳传媒编程栏目其它相关文章!

[四川seo优化网络公司]微信小程序wx.request实现后台数据交互功能分析

您的项目需求

*请认真填写需求信息,我们会在24小时内与您取得联系。