微信小程式HTTP介面請求封裝

2022-08-22 14:00:18 字數 1580 閱讀 1384

1,方法封裝:新建資料夾util,在資料夾下建立request.js檔案,用於對方法封裝

requset.js

//專案url相同部分,減輕**量,同時方便專案遷移

//這裡因為我是本地除錯,所以host不規範,實際上應該是你備案的網域名稱資訊

/** * post請求,

* url:介面

* postdata:引數,json型別

* dosuccess:成功的**函式

* dofail:失敗的**函式 */

function request(url, postdata, dosuccess, dofail) ,

data: postdata,

method:

'post',

success: function (res) ,

fail: function () ,

})}

//get請求,不需傳參,直接url呼叫,

function getdata(url, dosuccess, dofail) ,

method:

'get',

success: function (res) ,

fail: function () ,

})}

/*** module.exports用來匯出**

* js檔案中通過var call = require("../util/request.js") 載入

* 在引入引入檔案的時候" "裡面的內容通過../../../這種型別,小程式的編譯器會自動提示,因為你可能

* 專案目錄不止一級,不同的js檔案對應的工具類的位置不一樣 */

module.exports.request =request;

module.exports.getdata = getdata;

page裡面隨便乙個建立乙個資料夾,建立四種檔案。在js裡面加入

//

引入**

var call = require("

../util/request.js")

page(,

onload: function () ,

shufflesuc: function (data) )

//我後面測試了一下,直接this.setdata也可以,但是因為我在沒有使用封裝方法的時候

報過錯,不能直接用this,所以我在賦值的時候一般都會加上var that = this;

//這句話算是乙個不是習慣的習慣

}, fail: function () ,

})

將**函式寫在page裡面,在呼叫封裝方法得時候通過this.方法呼叫,這樣就能確保that.setdata方法有效,如果是寫在外面得fenction方法小程式編譯器不會報錯。但是在wxml中bindtap無效,我也沒深究,同時在call.getdata方法中呼叫的時候雖然能夠進入該方法,但是賦值是無效的,所以我不建議用這種方式:

function shufflesuc(data) )

}

小程式封裝介面請求

config.js裡引入封裝介面 小程式配置檔案 var host test1 https icpmotes mobile 測試環境 var host test1 本地環境 var host test2 測試環境 var host test3 生產環境 var host host test1 let...

微信小程式HTTP請求封裝

首先在page資料夾下建立乙個js資料夾存放封裝的http請求,其實放 看自己需要,都行。在js資料夾下建立乙個http.js檔案,裡面是封裝好的http請求 其實叫啥名都行,看你心情。裡面封裝的 是這個樣子的 todo http請求封裝 王佳偉 2020年3月19日13 43 48 配置檔案 co...

微信小程式封裝http請求

const baseurl http localhost 8768 後續可以改為你自己的網域名稱介面位址const request url,options 網域名稱介面位址 method options.method,配置method方法 data options.method get option...