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

这篇文章主要介绍了微信小程序中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: #39;加载中... #39;,
 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: { #39;content-type #39;: #39;application/x-www-form-urlencoded #39; },
 method: #39;POST #39;,
 data: basicData,
 success: (res) = { 
 if (res.data.state == 200) {
 typeof cb == function cb(res.data, 
 } else {
 if (isShow == true) {
 wx.showModal({
 title: #39;提示 #39;,
 content: res.data.msg,
 showCancel: false 
 fail: (err) = {
 if (showNetError) {
 that.setData({
 errorDisplay: #39; #39;,
 containHidden:true
 complete: (res) = { 
 setTimeout(function () {
 wx.hideNavigationBarLoading();
 wx.hideLoading();
 }, 100) 
};

第三步，在module里添加：

module.exports = {
 httpGet: Get,
 httpPost: Post 
};

第四步，引入

var httpUtil = require( #39;../../utils/HttpHelper.js #39;)

第五步，如何使用

onload:function(option){
 var that = this;
 httpUtil.httpPost(api.getListUrl, jsonData, function (res) {
 wx.showModal({
 title: #39;提示 #39;,
 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方法的封装的详细内容，更多请关注php中文网其它相关文章！

微信app下载

微信是一款手机通信软件，支持通过手机网络发送语音短信、视频、图片和文字。微信可以单聊及群聊，还能根据地理位置找到附近的人，带给大家全新的移动沟通体验，有需要的小伙伴快来保存下载体验吧！