微信小程式 wx.request統一呼叫
起因
在小程式裡發起網路請求的時候需要寫很多的引數,當頻繁呼叫時,每次都寫真心覺得累,那就封個方法統一呼叫吧
官方文件
- wx.request官方文件
- 官方示例
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) {
});
總結
統一呼叫不僅減少了程式碼量,而且有利於維護與管理,團隊合作的時候也能讓別人快速瞭解你的程式碼,而不是像在看一鍋粥一樣。
相關文章
- 微信小程式如何呼叫API實現資料請求-wx.request()微信小程式API
- 微信小程式 wx.request 的封裝微信小程式封裝
- 微信小程式wx.request的簡單封裝微信小程式封裝
- 小程式webview呼叫微信掃一掃的“曲折”思路WebView
- 微信小程式函式呼叫監控微信小程式函式
- 前端呼叫微信小程式的支付流程前端微信小程式
- 微信小程式開發系列六:微信框架API的呼叫微信小程式框架API
- 微信小程式踩坑日記1——呼叫微信授權視窗微信小程式
- 入門微信小程式 (一)微信小程式
- 微信小程式微信小程式
- 微信小程式踩坑指南【一】微信小程式
- 微信小程式小技巧微信小程式
- 微信小程式之小白教程系列 第一篇 微信小程式 — Hello World微信小程式
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 一週擼一個 GitHub 微信小程式Github微信小程式
- 微信小程式路由微信小程式路由
- React轉微信小程式:從React類定義到Component呼叫React微信小程式
- 服務端呼叫微信小程式OCR識別介面實現服務端微信小程式
- 擼一個微信天氣小程式
- Thinkphp微信行銷工具,微信小程式。PHP微信小程式
- 微信小程式實現軌跡回放,微信原生小程式,基於uniapp的小程式?微信小程式APP
- 微信小程式 demo 整理微信小程式
- 微信小程式之支付微信小程式
- 微信小程式 跳坑微信小程式
- 微信小程式學習微信小程式
- 微信小程式報錯微信小程式
- 微信小程式登入微信小程式
- 微信小程式總結微信小程式
- 微信小程式——商城篇微信小程式
- 微信小程式-列表渲染微信小程式
- 微信小程式元件button微信小程式元件
- 微信小程式外掛微信小程式
- 微信小程式訂閱微信小程式
- 微信小程式接入LeanCloud微信小程式Cloud
- 微信小程式直播接入微信小程式
- 微信小程式樣式微信小程式
- 微信題庫小程式
- 微信小程式——授權微信小程式