当前位置： 移动技术网 > IT编程>开发语言>JavaScript > 微信小程序设置全局请求URL及封装wx.request请求操作示例

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

2019年07月24日  | 移动技术网IT编程  | 我要评论

本文实例讲述了微信小程序设置全局请求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)
  })
 }
})

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

您可能感兴趣的文章:

如对本文有疑问， 点击进行留言回复！！

相关文章:

验证码：
最近更新的文章
大家感兴趣的文章
移动技术网