欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  IT编程

微信小程序设置全局请求URL及封装wx.request请求操作示例

程序员文章站 2023-08-31 12:43:12
本文实例讲述了微信小程序设置全局请求url及封装wx.request请求操作。分享给大家供大家参考,具体如下: app.js: app({ //设置全局请求...

本文实例讲述了微信小程序设置全局请求url及封装wx.request请求操作。分享给大家供大家参考,具体如下:

app.js:

app({
 //设置全局请求url
 globaldata:{
  url: 'https://www.oyhdo.com',
 },
 /**
 * 封装wx.request请求
 * method: 请求方式
 * url: 请求地址
 * data: 要传递的参数
 * callback: 请求成功回调函数
 * errfun: 请求失败回调函数
 **/
 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);
   }
  })
 }
})

调用示例:

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

希望本文所述对大家微信小程序开发有所帮助。