微信小程式之 wx.request統一呼叫
阿新 • • 發佈:2019-02-14
起因
在小程式裡發起網路請求的時候需要寫很多的引數,當頻繁呼叫時,每次都寫真心覺得累,那就封個方法統一呼叫吧
官方文件
- 官方文件
- 官方示例
wx.request({
url: 'test.php', //僅為示例,並非真實的介面地址
data: {
x: '' ,
y: ''
},
header: {
'content-type': 'application/json' // 預設值
},
success: function(res) {
console.log(res.data)
}
})
函式
- 在
util.js
wx.request
的方法
var _config = {
serverUrl: 'https://xxxx.com/'
}
function testFun(paraData, cb){
requestApi('testFun', { test: paraData.test }, cb)
}
module.exports = {
testFun
}
//呼叫API 統一方法
function requestApi(ApiName, PostData, cb) {
wx.request({
url: _config.serverUrl + ApiName,
data: PostData,
method: 'POST' ,
success: function (res) {
typeof cb == "function" && cb(null, res)
},
fail: function () {
typeof cb == "function" && cb(res)
}
})
}
- 在別的需要的檔案裡呼叫
//獲取應用例項
var util = require('../../utils/util.js')
util.testFun({ test: testData.test }, function (err, res ) {
});
總結
統一呼叫不僅減少了程式碼量,而且有利於維護與管理,團隊合作的時候也能讓別人快速瞭解你的程式碼,而不是像在看一鍋粥一樣。