1. 程式人生 > >微信小程式的https請求資料

微信小程式的https請求資料

不管是寫什麼專案我們都會遇到前後臺互動這種情況,小程式也不例外,今天要說的就是小程式裡面的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獲取資料,然後就可以改變介面了

本人也只是菜鳥一枚所以寫的也不是很好,如果說有什麼問題希望可以一起交流一下,有什麼不對希望可以指出,我們一起探討。