微信小程式 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
- 小程式wx.request()方法簡單封裝封裝
- 我的第一個微信小程式 (Discuz!! + 微信小程式)微信小程式
- 我的第一個微信小程式 (Discuz!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!! + 微信小程式)微信小程式
- 小程式 二次封裝wx.request方法封裝
- 微信小程式踩坑日記1——呼叫微信授權視窗微信小程式
- 入門微信小程式 (一)微信小程式
- 微信小程式-從零開始製作一個跑步微信小程式微信小程式
- 微信小程式踩坑指南【一】微信小程式
- 服務端呼叫微信小程式OCR識別介面實現服務端微信小程式
- 微信小程式微信小程式
- 一週擼一個 GitHub 微信小程式Github微信小程式
- 微信小程式之小白教程系列 第一篇 微信小程式 — Hello World微信小程式
- 微信小程式之小白教程系列 第一篇 微信小程式 -- Hello World微信小程式
- 微信小程式小技巧微信小程式
- 擼一個微信天氣小程式
- 微信小程式與 PHP 7.1 的一點小坑微信小程式PHP
- React轉微信小程式:從React類定義到Component呼叫React微信小程式
- 微信小程式(1) 微信小程式TLS版本大於1.2微信小程式TLS
- 微信小程式小總結微信小程式
- 小程式封裝wx.request請求並建立介面管理檔案封裝
- 微信小程式路由微信小程式路由
- 微信小程式微信支付流程微信小程式
- 整了一個微信小程式,去除抖音水印微信小程式
- 兩週擼一個掘金微信小程式微信小程式
- 微信小程式開發的一點心得微信小程式
- 微信小程式入門到實戰(一)微信小程式
- 微信小程式是什麼 微信小程式有什麼用?微信小程式
- 微信小程式系統開發分銷模式微信小程式模式
- 微信分銷小程式商城開發系統
- 微信小程式系統獨立原始碼部署微信小程式原始碼
- 微信小程式代理模式開發系統功能微信小程式模式