微信小程序封装request请求通用版（傻瓜式教程）

本文主要是介绍微信小程序封装request请求通用版（傻瓜式教程），希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

微信小程序封装request请求通用版（傻瓜式教程）

第一步：
首先在app.js内设置全局请求的URL

globalData: {// 设置全局参数，用于request请求URL: 'http://xxx.xxxxx.vn:8000',
}

第二步：
在app.js中写一个请求的方法

 wxRequest(method, url, data, callback, errFun) {wx.request({url: url,data: data,method: method,header: {'content-type': method == 'POST' ? 'application/json' : 'application/x-www-form-urlencoded'},success: function(res) {callback(res.data);},fail: function(err) {errFun(res);}})},  

第三步：在需要发起请求页面的js文件中先要获取app.js 中的应用实例，然后发起请求

//获取应用实例
const app = getApp() //这个要写在Page外getAreaList(){ //自定义//用法let method = 'GET' //请求方式按需求自行改变let url = app.globalData.URL + '接口';let params = {...this.data}; app.wxRequest(method, url, params, (res) => { //接口请求成功接口返回的数据this.setData({list: res.data //list为自定义})console.log(res);}, (err) => { 接口请求失败接口返回的数据console.log("error");})},

这样就非常ok了 剩下的就是{{}}在wxml里面的数据渲染啦！拜拜~

这篇关于微信小程序封装request请求通用版（傻瓜式教程）的文章就介绍到这儿，希望我们推荐的文章对编程师们有所帮助！

---