微信小程式 wx.request統一呼叫

weixin_33785972發表於2018-03-18

起因

在小程式裡發起網路請求的時候需要寫很多的引數,當頻繁呼叫時,每次都寫真心覺得累,那就封個方法統一呼叫吧

官方文件

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) {
});

總結

統一呼叫不僅減少了程式碼量,而且有利於維護與管理,團隊合作的時候也能讓別人快速瞭解你的程式碼,而不是像在看一鍋粥一樣。

相關文章