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

这篇文章将为大家详细讲解有关微信小程序如何设置全局请求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)
  })
 }
})

关于“微信小程序如何设置全局请求URL及封装wx.request请求操作”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,使各位可以学到更多知识,如果觉得文章不错,请把它分享出去让更多的人看到。


名称栏目:微信小程序如何设置全局请求URL及封装wx.request请求操作
转载注明:http://scyanting.com/article/jjjisj.html