微信小程序-和後臺交互

      第一次做前後端分離的項目,當時就有一個疑問,在微信開發者工具裏寫的前端代碼和在idea裏寫的後臺代碼如何交互,做過了才知道,其實非常簡單,主要思想就是後端發佈成一個URL地址,前端調用即可。在微信小程序中,通過wx.request( )發起請求。

wx.request({
  url: 'https://wxdemo.com/login', 
  data: {
     username: '' ,
     password: ''
  },
  header: {
      'content-type': 'application/json' // 默認值
  },
  success: function(res) {
    console.log(res.data)
  }
})

通過上面的代碼可以看出,wx.request()方法傳遞了一些參數,這些參數起到了不同的作用:

參數名類型必填默認值說明最低版本
urlString 開發者服務器接口地址 
dataObject/String/ArrayBuffer 請求的參數 
headerObject 設置請求的 header,header 中不能設置 Referer。 
methodStringGET(需大寫)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT 
dataTypeStringjson如果設爲json,會嘗試對返回的數據做一次 JSON.parse 
responseTypeStringtext設置響應的數據類型。合法值:text、arraybuffer1.7.0
successFunction 收到開發者服務成功返回的回調函數 
failFunction 接口調用失敗的回調函數 
completeFunction 接口調用結束的回調函數(調用成功、失敗都會執行)

當請求成功後,success會接收到成功的信息,主要參數包括:

參數類型說明最低版本
dataObject/String/ArrayBuffer開發者服務器返回的數據 
statusCodeNumber開發者服務器返回的 HTTP 狀態碼 
headerObject開發者服務器返回的 HTTP Response Header1.2.0

發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章