小程序实现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);  }

相关推荐:

Python中post与get方式提交数据的代码实例分享

浅析Jquery AJAX POST与GET之间的用法区别

PHP基础之POST与GET

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