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

网络编程 2021-07-04 15:50www.168986.cn编程入门
这篇文章主要介绍了微信小程序设置全局请求URL及封装wx.request请求操作,结合实例形式分析了微信小程序针对wx.requset请求的封装及调用操作相关实现技巧,需要的朋友可以参考下

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

app.js

App({
 //设置全局请求URL
 globalData:{
  URL: 'https://.oyhdo.',
 },
 /
  封装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--form-urlencoded',
    'Aept': 'application/json'
   },
   dataType: 'json',
   suess: 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)
  })
 }
})

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

Copyright © 2016-2025 www.168986.cn 狼蚁网络 版权所有 Power by