微信小程序如何設(shè)置全局請求URL及封裝wx.request請求操作

這篇文章將為大家詳細講解有關(guān)微信小程序如何設(shè)置全局請求URL及封裝wx.request請求操作，小編覺得挺實用的，因此分享給大家做個參考，希望大家閱讀完這篇文章后可以有所收獲。

具體如下：

app.js：

App({
 //設(shè)置全局請求URL
 globalData:{
  URL: 'https://www.oyhdo.com',
 },
 /**
 * 封裝wx.request請求
 * method： 請求方式
 * url: 請求地址
 * data： 要傳遞的參數(shù)
 * callback： 請求成功回調(diào)函數(shù)
 * errFun： 請求失敗回調(diào)函數(shù)
 **/
 wxRequest(method, url, data, callback, errFun) {
  wx.request({
   url: url,
   method: method,
   data: data,
   header: {
    'content-type': method == 'GET'?'application/json':'application/x-www-form-urlencoded',
    'Accept': 'application/json'
   },
   dataType: 'json',
   success: function (res) {
    callback(res.data);
   },
   fail: function (err) {
    errFun(res);
   }
  })
 }
})

調(diào)用示例：

const app = getApp();
Page({
 onLoad: function () {
  let url = app.globalData.URL + '/User/getUserinfo';
  let data = {
   uid: '1'
  };
  app.wxRequest('POST', url, data, (res) => {
   console.log(res.data)
  }, (err) => {
   console.log(err.errMsg)
  })
 }
})

關(guān)于“微信小程序如何設(shè)置全局請求URL及封裝wx.request請求操作”這篇文章就分享到這里了，希望以上內(nèi)容可以對大家有一定的幫助，使各位可以學(xué)到更多知識，如果覺得文章不錯，請把它分享出去讓更多的人看到。