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


Posted in Javascript onNovember 25, 2017

本文实例讲述了微信小程序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都拿不到参数。

解决方法参考本站:https://3water.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

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

Javascript 相关文章推荐
javascript下function声明一些小结
Dec 28 Javascript
上传文件返回的json数据会被提示下载问题解决方案
Dec 03 Javascript
jquery图片切换实例分析
Apr 15 Javascript
浅谈JavaScript中的字符编码转换问题
Jul 07 Javascript
JavaScript操作class和style样式代码详解
Feb 13 Javascript
关于backbone url请求中参数带有中文存入数据库是乱码的快速解决办法
Jun 13 Javascript
Node.js的环境安装配置(使用nvm方式)
Oct 11 Javascript
JavaScript原型对象、构造函数和实例对象功能与用法详解
Aug 04 Javascript
React-redux实现小案例(todolist)的过程
Sep 29 Javascript
React+Redux实现简单的待办事项列表ToDoList
Sep 29 Javascript
详解node和ES6的模块导出与导入
Feb 19 Javascript
vue移动端下拉刷新和上滑加载
Oct 27 Javascript
利用JavaScript的%做隔行换色的实例
Nov 25 #Javascript
zTree节点文字过多的处理方法
Nov 24 #Javascript
JavaScript程序设计高级算法之动态规划实例分析
Nov 24 #Javascript
详解vue-cli脚手架build目录中的dev-server.js配置文件
Nov 24 #Javascript
javaScript和jQuery自动加载简单代码实现方法
Nov 24 #jQuery
Bootstrap modal只加载一次数据的解决办法(推荐)
Nov 24 #Javascript
浅谈vue-cli加载不到dev-server.js的解决办法
Nov 24 #Javascript
You might like
Fatal error: session_start(): Failed to initialize storage module: files问题解决方法
2014/05/04 PHP
php生成PDF格式文件并且加密
2015/06/22 PHP
PHP中通过getopt解析GNU C风格命令行选项
2019/11/18 PHP
离开页面时检测表单元素是否被修改,提示保存的js代码
2010/08/25 Javascript
JavaScript对象数组排序函数及六个用法
2015/12/23 Javascript
分享两款带遮罩的jQuery弹出框
2015/12/30 Javascript
BootstrapTable与KnockoutJS相结合实现增删改查功能【二】
2016/05/10 Javascript
AngularJS删除路由中的#符号的方法
2016/09/20 Javascript
JSP防止网页刷新重复提交数据的几种方法
2016/11/19 Javascript
javascript函数的节流[throttle]与防抖[debounce]
2017/11/15 Javascript
vue引入微信sdk 实现分享朋友圈获取地理位置功能
2019/07/04 Javascript
Webpack中SplitChunksPlugin 配置参数详解
2020/03/24 Javascript
[06:50]DSPL次级职业联赛十强晋级之路
2014/11/18 DOTA
零基础写python爬虫之神器正则表达式
2014/11/06 Python
Python2.x版本中基本的中文编码问题解决
2015/10/12 Python
python实现识别手写数字 python图像识别算法
2020/03/23 Python
浅谈python下含中文字符串正则表达式的编码问题
2018/12/07 Python
将pandas.dataframe的数据写入到文件中的方法
2018/12/07 Python
python实现逐个读取txt字符并修改
2018/12/24 Python
python多进程下实现日志记录按时间分割
2019/07/22 Python
如何基于python操作excel并获取内容
2019/12/24 Python
pytorch中的自定义数据处理详解
2020/01/06 Python
HTML5实现移动端弹幕动画效果
2019/08/01 HTML / CSS
美国电子元器件分销商:Newark element14
2018/01/13 全球购物
学生打架检讨书
2014/02/14 职场文书
高中生操行评语大全
2014/04/25 职场文书
七夕情人节促销方案
2014/06/07 职场文书
优秀大专毕业生求职信
2014/08/04 职场文书
培训科主任岗位职责
2014/08/08 职场文书
纪律教育学习心得体会
2014/09/02 职场文书
农业局党的群众路线教育实践活动整改方案
2014/09/20 职场文书
保研导师推荐信
2015/03/25 职场文书
立案决定书范文
2015/06/24 职场文书
基于JavaScript实现年月日三级联动
2021/06/22 Javascript
python中super()函数的理解与基本使用
2021/08/30 Python
Redis配置外网可访问(redis远程连接不上)的方法
2022/12/24 Redis