重庆小潘seo博客

当前位置:首页 > 重庆网络营销 > 小潘杂谈 >

小潘杂谈

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

时间:2020-09-04 12:00:08 作者:重庆seo小潘 来源:
这篇文章主要介绍了微信小程序中post方法与get方法的封装的相关资料,希望通过本文能帮助到大家,让大家掌握如何封装,需要的朋友可以参考下 微信小程序开发post方法与get方法的封装 第一步:在utils文件夹下创建httpUtil.js文件 第二步:创建函数httpPost方

这篇文章主要介绍了微信小程序中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请求)

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

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

以上就是微信小程序中post方法与get方法的封装的详细内容,更多请关注小潘博客其它相关文章!