本篇文章给大家带来的内容是关于 封装小程序中get请求和post请求成全局函数（代码），有一定的参考价值，有需要的朋友可以参考一下，希望对你有所帮助。
首先在app.js里面复制这段代码
/** * methods： 请求方式 * url: 请求地址 * data： 要传递的参数 * callback： 请求成功回调函数 * errfun： 请求失败回调函数 */ apprequest(methods, url, data, callback, errfun) { wx.request({ url: url, method: methods, header: { 'content-type': methods == 'get' ? 'application/json' : 'application/x-www-form-urlencoded' }, datatype: 'json', data: data, success: function (res) { callback(res.data); }, fail: function (err) { errfun(err); } }) },
首先是get请求
const app = new getapp();// page/a/a.jspage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onload: function (options) { //懒人的写法 url过长和传参多的时候比较不美观 app.apprequest('get', 'https://www.apiopen.top/satinapi?type=1&page=1', {}, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护 let url = 'https://www.apiopen.top/satinapi?type=1&page=1'; app.apprequest('get', url, {}, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); }})
get请求时，data传参写为 {} 即可
然后是post请求
const app = new getapp();// page/b/b.jspage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onload: function (options) { //懒人的写法 url过长和传参多的时候比较不美观 app.apprequest('post', 'https://www.apiopen.top/satinapi', { type:1, page:1 }, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护 let url = 'https://www.apiopen.top/satinapi'; let data = { type: 1, page: 1 } app.apprequest('post', url, data, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); }})
当然了，如果每一个url都在页面上面那就增大了维护成本，所以所有接口都应该放置在一个文件，我是选择放在app.js里面。下面是我的写法
//app.js里面添加全局属性，和一个函数//全局请求url处理函数 globalrequesturl(domainname, site) { return this.globaldata[domainname] + this.globaldata[site] },//全局所有请求url globaldata: { domainnamea: 'https://www.apiopen.top',//请求域名a domainnameb: 'https://www.apiopen.top',//请求域名b sitea: '/satinapi' }
使用全局请求url处理函数在页面c里面使用get请求
const app = new getapp();// page/c/c.jspage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onload: function (options) { //懒人的写法 url过长和传参多的时候比较不美观 app.apprequest('get', app.globalrequesturl('domainnamea','sitea'), {}, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护 let url = app.globalrequesturl('domainnamea','sitea'); app.apprequest('get', url, {}, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); }})
使用全局请求url处理函数在页面d里面使用post请求
const app = new getapp();// page/d/d.jspage({ /** * 页面的初始数据 */ data: { }, /** * 生命周期函数--监听页面加载 */ onload: function (options) { //懒人的写法 url过长和传参多的时候比较不美观 app.apprequest('post', app.globalrequesturl('domainnamea','sitea'), { type:1, page:1 }, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); //稍微优雅一点的写法，其实就是多一行代码,但是美观多了，也好维护 let url = app.globalrequesturl('domainnamea','sitea'); let data = { type: 1, page: 1 } app.apprequest('post', url, data, (res) => { console.log(res) }, (err) => { console.log('请求错误信息： ' + err.errmsg); }); }})
//传说中一行完成请求的代码在此，哈哈哈哈哈app.apprequest('get', app.globalrequesturl('domainnamea', 'sitea'), {}, (res) => {console.log(res)});
相关推荐：
微信小程序中实现页面下拉刷新和上拉加载更多的代码示例
微信小程序中如何来设置全局变量（代码）
微信小程序中实现同步请求的方法
以上就是封装小程序中get请求和post请求成全局函数（代码）的详细内容。