微信小程序中post方法与get方法的封装
程序员文章站
2022-04-11 11:50:17
...
这篇文章主要介绍了微信小程序中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); }
以上就是本文的全部内容,希望对大家的学习有所帮助,更多相关内容请关注PHP中文网!
相关推荐:
以上就是微信小程序中post方法与get方法的封装的详细内容,更多请关注其它相关文章!