1. 程式人生 > 其它 >微信小程式請求資料---封裝+module

微信小程式請求資料---封裝+module

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 }

2.建立models模組

2.1.在models模組中建立js檔案,分別對應page頁面的請求

2.2.classic頁面對應的js檔案,命名為classic.js

3.在classic頁面中引用models模組中的方法

3.1.在classic頁面的js檔案中把classModel引入

 3.2.在classic頁面的js檔案中,呼叫getLatest方法

  3.3.在classic頁面的js檔案中,呼叫gettheOthers方法