微信小程式的ajax資料請求,很多同學找不到api在哪個位置,這裡單獨把小程式的ajax請求給列出來,微信小程式的請求就是wx.request這個api,wx.request(一些物件參數),微信小程式不同於瀏覽器的ajax請求,可以直接跨域請求不用考慮跨域問題。
使用小程式官方提供的資料請求api發起資料請求
wx.request(OBJECT)
wx.request發起的是https請求。一個微信小程序,同時只能有5個網路請求連線。
OBJECT參數說明:
參數名稱 | 型態 | 必填 | 說明 |
---|---|---|---|
url | String | 是 | 開發者伺服器介面位址 |
data | Object、String | 否 | 請求的參數 |
header | Object | 否 | 設定請求的 header , header 中不能設定 Referer |
method | String | 否 | 預設為 GET,有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT |
Function | 否 | 收到開發者服務成功回傳的回呼函數,res = {data: '開發者伺服器回傳的內容'} | |
Function | 否 | 介面呼叫失敗的回呼函數 | |
Function | 否 | 介面呼叫結束的回呼函數(呼叫成功、失敗都會執行) |
wx.request({ url: 'test.php', data: { x: '' , y: '' }, header: { 'Content-Type': 'application/json' }, success: function(res) { console.log(res.data) } })
then中帶程式碼是測試,這裡是節選了小部分程式碼,實際使用需要自行修改。
fetch('//m.sbmmt.com/json.php?typeid=34&page=1&pagesize=10') .then(function(response){ if(response.status==200){ that.data.page++; return response.json(); } }).then(function(data){ console.log(data); //更新数据 that.setData({ listArr:that.data.page==1 ? data : that.data.listArr.concat(data) }) console.log(that.data.listArr); })
#
以上是怎麼玩微信小程式的ajax資料請求的詳細內容。更多資訊請關注PHP中文網其他相關文章!