微信小程式的https請求資料
阿新 • • 發佈:2018-12-14
不管是寫什麼專案我們都會遇到前後臺互動這種情況,小程式也不例外,今天要說的就是小程式裡面的wx:request。
wx:request發起的是一個https的網路請求,小程式請求方式method預設為get,返回資料dataType預設為json,其他屬性大家可以去小程式的官方文件看我這裡就不說那麼多了,這邊我還是以頁面載入是請求資料為例子,簡單的說一下,希望對大家能有幫助。
Page({ /** * 頁面的初始資料 */ data: { info:[], }, /** * 生命週期函式--監聽頁面載入 */ onLoad: function(options) { var _this = this; //獲取自身 wx.request({ //呼叫API url: '請求資料的地址', data: { 'userId': '1', //請求的引數 }, method: 'GET', //請求的方式 dataType: 'json', //返回的資料,這裡為json資料 //請求資料成功後 success: function(res) { console.log(res.data) _this.setData({ info:res.data //獲取資料 }) }, }) }, })
好了,大概是這麼一個流程,我就簡單的解釋一下,首先我們在data裡面定義了一個集合,在頁面載入時呼叫API進行資料請求,
url就是你要請求資料的地址,在這個地址裡進行了資料庫的查詢,返回了一串資料
data請求資料時附帶的引數,比如說你要查詢一個使用者表,查詢的條件是某個使用者,這時候就用到了data,這裡查詢的條件為userId為1
method請求方式這個不需要我多說都知道,get,post
dataType返回接收的資料為json資料
最後就是請求成功後通過res.data獲取資料,然後就可以改變介面了
本人也只是菜鳥一枚所以寫的也不是很好,如果說有什麼問題希望可以一起交流一下,有什麼不對希望可以指出,我們一起探討。