匿名通过本文主要向大家介绍了小程序中post方法与get方法的封装,小程序,get与post方法的封装的实现等相关知识,希望对您有所帮助,也希望大家支持linkedu.com www.linkedu.com
这篇文章主要介绍了微信小程序中post方法与get方法的封装的相关资料,希望通过本文能帮助到大家，让大家掌握如何封装，需要的朋友可以参考下
微信小程序开发post方法与get方法的封装
第一步：在utils文件夹下创建httpUtil.js文件
第二步：创建函数httpPost方法代码如下:
function Post(url, data, cb, isShow, showNetError, that, showLoading) {
if (showLoading == true || showLoading == undefined){
wx.showNavigationBarLoading();
wx.showLoading({
title: '加载中...',
})
}
var basicData = {
vloginPwd: api.vloginPwd,
vtoken: api.vtoken
}
if (!isEmpty(data)) {
for (var key in data) {
try {
basicData[key] = data[key];
} catch (e) { }
}
}
wx.request({
url: url,
header: { 'content-type': 'application/x-www-form-urlencoded' },
method: 'POST',
data: basicData,
success: (res) => {
if (res.data.state == 200) {
typeof cb == "function" && cb(res.data, "");
} else {
if (isShow == true) {
wx.showModal({
title: '提示',
content: res.data.msg,
showCancel: false
})
}
}
},
fail: (err) => {
if (showNetError) {
that.setData({
errorDisplay:'',
containHidden:true
})
}
},
complete: (res) => {
setTimeout(function () {
wx.hideNavigationBarLoading();
wx.hideLoading();
}, 100)
}
});
};第三步，在module里添加：
module.exports = {
httpGet: Get,
httpPost: Post
};第四步，引入
var httpUtil = require('../../utils/HttpHelper.js')第五步，如何使用
onload:function(option){
var that = this;
httpUtil.httpPost(api.getListUrl, jsonData, function (res) {
wx.showModal({
title: '提示',
content: res.msg,
showCancel: false,
confirmText:"查看",
success: function (res) {
console.log("res.data===", res.data);
if (res.confirm) {
that.toDetail(res.data);
}
}
})
}, true, true, this);
}以上就是本文的全部内容，希望对大家的学习有所帮助，更多相关内容请关注微课江湖！
相关推荐：
微信小程序中的网络请求（post请求和get请求）
微信小程序promsie.all和promise的顺序执行
关于微信小程序 request接口的封装介绍
以上就是微信小程序中post方法与get方法的封装的详细内容，更多请关注微课江湖其它相关文章！