第一次做前後端分離的項目,當時就有一個疑問,在微信開發者工具裏寫的前端代碼和在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()方法傳遞了一些參數,這些參數起到了不同的作用:
參數名 | 類型 | 必填 | 默認值 | 說明 | 最低版本 |
---|---|---|---|---|---|
url | String | 是 | 開發者服務器接口地址 | ||
data | Object/String/ArrayBuffer | 否 | 請求的參數 | ||
header | Object | 否 | 設置請求的 header,header 中不能設置 Referer。 | ||
method | String | 否 | GET | (需大寫)有效值:OPTIONS, GET, HEAD, POST, PUT, DELETE, TRACE, CONNECT | |
dataType | String | 否 | json | 如果設爲json,會嘗試對返回的數據做一次 JSON.parse | |
responseType | String | 否 | text | 設置響應的數據類型。合法值:text、arraybuffer | 1.7.0 |
success | Function | 否 | 收到開發者服務成功返回的回調函數 | ||
fail | Function | 否 | 接口調用失敗的回調函數 | ||
complete | Function | 否 | 接口調用結束的回調函數(調用成功、失敗都會執行) |
當請求成功後,success會接收到成功的信息,主要參數包括:
參數 | 類型 | 說明 | 最低版本 |
---|---|---|---|
data | Object/String/ArrayBuffer | 開發者服務器返回的數據 | |
statusCode | Number | 開發者服務器返回的 HTTP 狀態碼 | |
header | Object | 開發者服務器返回的 HTTP Response Header | 1.2.0 |