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


Posted in Javascript onSeptember 26, 2017

微信小程序开发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);
}

如有疑问请留言或者到本站社区交流讨论,感谢阅读,希望通过本文能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
腾讯的ip接口 方便获取当前用户的ip地理位置
Nov 25 Javascript
jquery插件制作教程 txtHover
Aug 17 Javascript
JS中eval函数的使用示例
Jul 21 Javascript
jQuery on方法传递参数示例
Dec 09 Javascript
JavaScript中object和Object的区别(详解)
Feb 27 Javascript
ES6新特性之类(Class)和继承(Extends)相关概念与用法分析
May 24 Javascript
BootStrap模态框和select2合用时input无法获取焦点的解决方法
Sep 01 Javascript
在Vue中使用highCharts绘制3d饼图的方法
Feb 08 Javascript
关于redux-saga中take使用方法详解
Feb 27 Javascript
Vuex实现数据共享的方法
Dec 20 Javascript
JS实现网页烟花动画效果
Mar 10 Javascript
Vue父子组件传值的一些坑
Sep 16 Javascript
javascript 产生随机数的几种方法总结
Sep 26 #Javascript
Three.js实现浏览器变动时进行自适应的方法
Sep 26 #Javascript
BootStrap点击保存后实现模态框自动关闭的思路(模态框)
Sep 26 #Javascript
Three.js利用dat.GUI如何简化试验流程详解
Sep 26 #Javascript
微信小程序使用navigateTo数据传递的实例
Sep 26 #Javascript
利用Three.js如何实现阴影效果实例代码
Sep 26 #Javascript
使用JavaScript实现在页面中显示距离2017年中秋节的天数
Sep 26 #Javascript
You might like
Protoss建筑一览
2020/03/14 星际争霸
Windows 下的 PHP-PEAR 安装方法
2010/11/20 PHP
解析PHP自带的进位制之间的转换函数
2013/06/08 PHP
PHP二进制与字符串之间的相互转换教程
2016/10/14 PHP
使用PHP+Redis实现延迟任务,实现自动取消订单功能
2019/11/21 PHP
利用PHP内置SERVER开启web服务(本地开发使用)
2021/03/09 PHP
一份老外写的XMLHttpRequest代码多浏览器支持兼容性
2007/01/11 Javascript
Tips 带三角可关闭的文字提示
2010/10/06 Javascript
jqTransform form表单美化插件使用方法
2012/07/05 Javascript
使用GruntJS构建Web程序之Tasks(任务)篇
2014/06/06 Javascript
JQuery实现的图文自动轮播效果插件
2015/06/19 Javascript
js实现将选中值累加到文本框的方法
2015/08/12 Javascript
JavaScript使用DeviceOne开发实战(四)仿优酷视频应用
2015/12/02 Javascript
AngularJS入门教程之表格实例详解
2016/07/27 Javascript
js对象浅拷贝和深拷贝详解
2016/09/05 Javascript
js实现4个方向滚动的球
2017/03/06 Javascript
基于VUE选择上传图片并页面显示(图片可删除)
2017/05/25 Javascript
无限循环轮播图之运动框架(原生JS实现)
2017/10/01 Javascript
使用store来优化React组件的方法
2017/10/23 Javascript
详解layui中的树形关于取值传值问题
2018/01/16 Javascript
layui的表单验证支持ajax判断用户名是否重复的实例
2019/09/06 Javascript
JavaScript中数组去重的5种方法
2020/07/04 Javascript
python通过exifread模块获得图片exif信息的方法
2015/03/16 Python
详解pandas删除缺失数据(pd.dropna()方法)
2019/06/25 Python
Jacobi迭代算法的Python实现详解
2019/06/29 Python
python 处理微信对账单数据的实例代码
2019/07/19 Python
Python使用itchat模块实现简单的微信控制电脑功能示例
2019/08/26 Python
python实现Pyecharts实现动态地图(Map、Geo)
2020/03/25 Python
基于matplotlib中ion()和ioff()的使用详解
2020/06/16 Python
深入了解Python enumerate和zip
2020/07/16 Python
廉价连衣裙和婚纱礼服在线销售:Tbdress
2019/02/28 全球购物
银行实习人员自我鉴定
2013/09/22 职场文书
教师读书活动总结
2014/05/07 职场文书
办护照工作证明
2014/10/01 职场文书
个园导游词
2015/02/04 职场文书
教师节主题班会教案
2015/08/17 职场文书