微信开发跳坑之Post请求

1.post请求

wx.request(object)
wx.request
发起的是 https 请求。一个微信小程序，同时只能有5个网络请求连接。
官网上描述

默认为 GET，有效值：OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT

微信小程序示例

wx.request({
 url: #39;test.php #39;, //仅为示例，并非真实的接口地址
 data: {
 x: #39; #39; , 
 y: #39; #39;
 header: { 
 #39;content-type #39;: #39;application/json #39; 
 success: function(res) { 
 console.log(res.data) 
})

这种请求GET方式是ok的，header头也可以不用添加。
但是POST就有比较大的问题了。

我使用以下代码进行调试（代码一）：

wx.request({
 url: ApiHost + #39;/?service=default.getOrderInfo #39;,
 data: {
 #39;order_id #39;: order_id
 method: #39;POST #39;,
 success: function (res) {
 // console.log(res);
 if (res.data.ret == 200) {
 //something to do
 else{
 //something to do
 fail: function (res) {
 console.log(res);
 });

注意看下图，微信开发工具里面的提示：

2016-12-21_111056.png

POST 请求会将data的值放在Request Payload里面，而不是Query String Parameters里面，后端服务器如果不注意，就无法取到数据。
网上很多改法，是这样的。----加上header头

wx.request({
 url: ApiHost + #39;/?service=default.getOrderInfo #39;,
 data: {
 //数据urlencode方式编码，变量间用 连接，再post
 #39;order_id= #39;+order_id
 method: #39;POST #39;,
 header：{
 #39;content-type #39;: #39;application/x-www-form-urlencoded #39;
 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( #39;content-type #39;))
 $contentType = DI()- request- getHeader( #39;content-type #39;);
if(!empty($contentType) (strtolower(@$contentType) === #39;application/json #39;))
 $HTTP_RAW_POST_DATA = isset($GLOBALS[ #39;HTTP_RAW_POST_DATA #39;]) ? $GLOBALS[ #39;HTTP_RAW_POST_DATA #39;] : {} 
 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.0
Host: proxy
Connection: close
Content-Length: 43
Content-Type: application/json
Accept-Encoding: gzip, deflate
Accept: */*
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_CN
Referer: https://servicewechat.com/###/0/page-frame.html
Accept-Language: zh-cn
{ order_id : 011T00wO0gZVR72P89tO0DFNvO0T00w0 }

pc模拟开发端

POST /?service=default.getOrderInfo HTTP/1.0
Host: proxy
Connection: close
Content-Length: 43
Origin: http://###.appservice.open.weixin.qq.com
X-Requested-With: XMLHttpRequest
User-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/100000
content-type: application/json
Accept: */*
Referer: https://servicewechat.com/####/devtools/page-frame.html
Accept-Encoding: gzip, deflate, br
{ order_id : 011T00wO0gZVR72P89tO0DFNvO0T00w0 }

最后找到区别：
Content-Type 与 content-type
模拟器默认是content-type
真机默认是Content-Type
后端服务器增加处理Content-Type 就搞定了。

【相关推荐】

1. 微信公众号平台源码下载

2. 小猪cms(PigCms)微电商系统运营版（独立微店商城+三级分销系统）

3. 微信人脉王v3.4.5高级商业版 微信魔方源码

以上就是微信开发跳坑之Post请求的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！