微信小程序中post方法与get方法的封装

微信小程序开发post方法与get方法的封装

第二步：创建函数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请求）

微信小程序promsie.all和promise的顺序执行

关于微信小程序 request接口的封装介绍

以上就是微信小程序中post方法与get方法的封装的详细内容，更多内容请关注技术你好其它相关文章！