微信小程式請求資料---封裝+module
阿新 • • 發佈:2022-04-19
1.建立一個公共的http.js檔案
這個http.js檔案,通過全域性變數來建立通用模板
commondata:請求連結的公共部分,在app.js中定義。
params:是一個物件,包含url屬性,data屬性,method屬性,success屬性(屬性值為回撥函式)。
const commondata = getApp() let statusCode = { '1': "網路出錯", "301": "永久重定向", "401": "登入出錯", "403": "被禁止訪問", "404": "找不到", "405": "錯誤請求方法","409": "衝突", "413": "上傳檔案太大", "500": "伺服器錯誤" } // HTTP類 request函式:HTTP類的方法(類下面的函式稱為方法) class HTTP{ request(params){ if(!params.method){ params.method = "GET" } wx.request({ method: params.method, url: commondata.commonurl + params.url, data: params.data, header: { "content-type": "application/json", "appkey": commondata.appkey }, success: (res) => { let code = res.statusCode.toString() if( code.startsWith("2") ){// 當狀態碼是2開頭的情況 if(params.success){ params.success(res) } }else{ // 當狀態碼不是2開頭的情況 this._showError(code) } }, fail: (err) => { // 當斷網的情況下,走fail函式 this._showError("1") } }) } // 封裝錯誤彈框型別 _showError(code){ wx.showToast({ "title": statusCode[code], "icon": "error", "duration": 1500 }) } } export { HTTP }