微信小程序跳坑(一)---Post请求
来源:互联网 发布:keepalive mysql 主 编辑:程序博客网 时间:2024/05/19 08:05
1.post请求
wx.request(OBJECT)
wx.request
发起的是 HTTPS 请求。一个微信小程序,同时只能有5个网络请求连接。
官网上描述
wx.request({ url: 'test.php', //仅为示例,并非真实的接口地址 data: { x: '' , y: '' }, header: { 'content-type': 'application/json' }, success: function(res) { console.log(res.data) }})
这种请求GET方式是ok的,header头也可以不用添加。
但是POST就有比较大的问题了。
我使用以下代码进行调试(代码一):
wx.request({ url: ApiHost + '/?service=default.getOrderInfo', data: { 'order_id': order_id }, method: 'POST', success: function (res) { // console.log(res); if (res.data.ret == 200) { //something to do } else{ //something to do } } fail: function (res) { console.log(res); } });
注意看下图,微信开发工具里面的提示:
POST 请求会将data的值放在Request Payload里面,而不是Query String Parameters里面,后端服务器如果不注意,就无法取到数据。
网上很多改法,是这样的。----加上header头
wx.request({ url: ApiHost + '/?service=default.getOrderInfo', data: { //数据urlencode方式编码,变量间用&连接,再post 'order_id='+order_id }, method: 'POST', header:{ 'content-type':'application/x-www-form-urlencoded' }, success: function (res) { // console.log(res); if (res.data.ret == 200) { //something to do } else{ //something to do } } fail: function (res) { console.log(res); } });
这样修改的话,后端可以不用特别处理。
但是............
因为还是想用标准的方法做,那只有修改后端服务器啦。
我这边使用的是Phalapi框架,推荐下~~~
if(DI()->request->getHeader('content-type')){ $contentType = DI()->request->getHeader('content-type');}if(!empty($contentType)&&(strtolower(@$contentType) === 'application/json')){ $HTTP_RAW_POST_DATA = isset($GLOBALS['HTTP_RAW_POST_DATA']) ? $GLOBALS['HTTP_RAW_POST_DATA'] : "{}"; DI()->request = new PhalApi_Request(array_merge($_GET,json_decode($HTTP_RAW_POST_DATA, true)));}
终于,在pc上用代码一调试通过。用上标准请求,也不用application/x-www-form-urlencoded这种模式。
不过.....用上真机调试,怎么又接收不到请求参数了。怪事。。。。。。。。。
最后通过抓包分析
真机端
POST /?service=default.getOrderInfo HTTP/1.0Host: proxyConnection: closeContent-Length: 43Content-Type: application/jsonAccept-Encoding: gzip, deflateAccept: */*User-Agent: Mozilla/5.0 (iPhone; CPU iPhone OS 9_3_5 like Mac OS X) AppleWebKit/601.1.46 (KHTML, like Gecko) Mobile/13G36 MicroMessenger/6.5.1 NetType/WIFI Language/zh_CNReferer: https://servicewechat.com/###/0/page-frame.htmlAccept-Language: zh-cn{"order_id":"011T00wO0gZVR72P89tO0DFNvO0T00w0"}
pc模拟开发端
POST /?service=default.getOrderInfo HTTP/1.0Host: proxyConnection: closeContent-Length: 43Origin: http://###.appservice.open.weixin.qq.comX-Requested-With: XMLHttpRequestUser-Agent: Mozilla/5.0 (Windows NT 6.3; WOW64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/53.0.2785.143 Safari/537.36 appservice webview/100000content-type: application/jsonAccept: */*Referer: https://servicewechat.com/####/devtools/page-frame.htmlAccept-Encoding: gzip, deflate, br{"order_id":"011T00wO0gZVR72P89tO0DFNvO0T00w0"}
Content-Type 与 content-type
模拟器默认是content-type
真机默认是Content-Type
后端服务器增加处理Content-Type 就搞定了。
作者:tototo163
链接:http://www.jianshu.com/p/f95f64b393d1
來源:简书
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
阅读全文
1 0
- 微信小程序跳坑(一)---Post请求
- 微信小程序 POST请求
- 微信小程序之网络请求(post)
- 微信小程序之网络请求(POST请求)
- 微信小程序入坑那些事情-POst 请求
- 微信小程序发送POST请求参数格式
- OKHttp(一)---------post方式请求
- HttpClient发送Post请求(一)
- 微信小程序开发之网络请求(POST请求)
- 微信小程序开发之网络请求(POST请求)
- 微信小程序开发之网络请求(POST请求)
- Java 发Post请求程序
- post请求的分包程序
- 微信小程序开发之大坑记之post请求
- 微信小程序post请求服务器端无法获取的解答
- 微信小程序 post请求 list集合 java接收处理
- 微信小程序开发之大坑记之post请求
- 微信小程序POST请求参数传递不到后台解决方案
- 数据库面试题
- 关于C++二分查找
- 单例模式
- golang channel 学习
- python 函数式编程
- 微信小程序跳坑(一)---Post请求
- HTC Vive VR房产项目开发五(通过材质列表切换地板材质)
- SVM算法原理
- 第五章:格式
- JavaScript基本知识
- Javaweb从新建项目开始
- 【安卓基础】04 广播机制实现强制下线
- 哈希函数
- gsoap C++工程搭建