微信开发跳坑之Post请求

互联网 17-5-20

1.post请求

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

参数名类型必填说明
urlString开发者服务器接口地址
dataObject、String请求的参数
headerObject设置请求的 header , header 中不能设置 Referer
methodString默认为 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
successFunction收到开发者服务成功返回的回调函数,res = {data: '开发者服务器返回的内容'}
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

微信小程序示例

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

我使用以下代码进行调试(代码一):

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);      }    });

2016-12-21_111056.png

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);      }    });
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.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请求的详细内容,更多内容请关注技术你好其它相关文章!

来源链接:
免责声明:
1.资讯内容不构成投资建议,投资者应独立决策并自行承担风险
2.本文版权归属原作所有,仅代表作者本人观点,不代表本站的观点或立场
上一篇:php获取远程图片并下载保存到本地的方法分析 下一篇:微信开发个人帐号申请的流程

相关资讯