小程序模板網(wǎng)

微信小程序跳坑

發(fā)布時(shí)間:2018-04-08 11:44 所屬欄目:小程序開(kāi)發(fā)教程
作者tototo163 ,本文寫(xiě)于最新版本(特制1222版本)之前,如果BUG已經(jīng)修復(fù),則本文僅供參考

1.post請(qǐng)求

wx.request(OBJECT)
wx.request
發(fā)起的是 HTTPS 請(qǐng)求。一個(gè)微信小程序,同時(shí)只能有5個(gè)網(wǎng)絡(luò)請(qǐng)求連接。
官網(wǎng)上描述

參數(shù)名 類(lèi)型 必填 說(shuō)明
url String 開(kāi)發(fā)者服務(wù)器接口地址
data Object、String 請(qǐng)求的參數(shù)
header Object 設(shè)置請(qǐng)求的 header , header 中不能設(shè)置 Referer
method String 默認(rèn)為 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT
success Function 收到開(kāi)發(fā)者服務(wù)成功返回的回調(diào)函數(shù),res = {data: '開(kāi)發(fā)者服務(wù)器返回的內(nèi)容'}
fail Function 接口調(diào)用失敗的回調(diào)函數(shù)
complete Function 接口調(diào)用結(jié)束的回調(diào)函數(shù)(調(diào)用成功、失敗都會(huì)執(zhí)行)

微信小程序示例


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

這種請(qǐng)求GET方式是ok的,header頭也可以不用添加。
但是POST就有比較大的問(wèn)題了。

我使用以下代碼進(jìn)行調(diào)試(代碼一):


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

注意看下圖,微信開(kāi)發(fā)工具里面的提示:

POST 請(qǐng)求會(huì)將data的值放在Request Payload里面,而不是Query String Parameters里面,后端服務(wù)器如果不注意,就無(wú)法取到數(shù)據(jù)。

網(wǎng)上很多改法,是這樣的。----加上header頭


wx.request({
    url: ApiHost + '/?service=default.getOrderInfo',
    data: {
      //數(shù)據(jù)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);
    }
  });

這樣修改的話,后端可以不用特別處理。
但是............

因?yàn)檫€是想用標(biāo)準(zhǔn)的方法做,那只有修改后端服務(wù)器啦。
我這邊使用的是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上用代碼一調(diào)試通過(guò)。用上標(biāo)準(zhǔn)請(qǐng)求,也不用application/x-www-form-urlencoded這種模式。

不過(guò).....用上真機(jī)調(diào)試,怎么又接收不到請(qǐng)求參數(shù)了。怪事。。。。。。。。。
最后通過(guò)抓包分析

真機(jī)端


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模擬開(kāi)發(fā)端


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"}

最后找到區(qū)別:
Content-Type 與 content-type
模擬器默認(rèn)是content-type
真機(jī)默認(rèn)是Content-Type
后端服務(wù)器增加處理Content-Type 就搞定了。



易優(yōu)小程序(企業(yè)版)+靈活api+前后代碼開(kāi)源 碼云倉(cāng)庫(kù):starfork
本文地址:http://www.u-renovate.com/wxmini/doc/course/23149.html 復(fù)制鏈接 如需定制請(qǐng)聯(lián)系易優(yōu)客服咨詢(xún):800182392 點(diǎn)擊咨詢(xún)
QQ在線咨詢(xún)
AI智能客服 ×