微信小程序中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 相关文章推荐
Ajax一统天下之Dojo整合篇
Mar 24 Javascript
JavaScript 直接操作本地文件的实现代码
Dec 01 Javascript
在jquery中处理带有命名空间的XML数据
Jun 13 Javascript
JS JQUERY实现滚动条自动滚到底的方法
Jan 09 Javascript
jQuery实现手机自定义弹出输入框
Jun 13 Javascript
纯JS实现可拖拽表单的简单实例
Sep 02 Javascript
浅谈JavaScript的函数及作用域
Dec 30 Javascript
js实现图片懒加载效果
Jul 17 Javascript
vue使用axios时关于this的指向问题详解
Dec 22 Javascript
js实现同一个页面,多个enter事件绑定的示例
Oct 10 Javascript
在vue中使用axios实现post方式获取二进制流下载文件(实例代码)
Dec 16 Javascript
小程序实现tab标签页
Nov 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 星际争霸
PHP中3种生成XML文件方法的速度效率比较
2012/10/06 PHP
php魔术函数__call()用法实例分析
2015/02/13 PHP
PHP输入流php://input实例讲解
2015/12/22 PHP
PHP时间类完整实例(非常实用)
2015/12/25 PHP
HR vs CL BO3 第二场 2.13
2021/03/10 DOTA
js 操作css实现代码
2009/06/11 Javascript
ExtJs默认的字体大小改变的几种方法(自己整理)
2013/04/18 Javascript
JS实现从网页顶部掉下弹出层效果的方法
2015/08/06 Javascript
node.js 中国天气预报 简单实现
2016/06/06 Javascript
AngularJS过滤器filter用法分析
2016/12/11 Javascript
Angular通过angular-cli来搭建web前端项目的方法
2017/07/27 Javascript
thinkjs 文件上传功能实例代码
2017/11/08 Javascript
React Native react-navigation 导航使用详解
2017/12/01 Javascript
深入浅析Vue中的 computed 和 watch
2018/06/06 Javascript
vue.js通过路由实现经典的三栏布局实例代码
2018/07/08 Javascript
100行代码实现一个vue分页组功能
2018/11/06 Javascript
create-react-app使用antd按需加载的样式无效问题的解决
2019/02/26 Javascript
微信内置开发 iOS修改键盘换行为搜索的解决方案
2019/11/06 Javascript
[46:47]完美世界DOTA2联赛PWL S2 FTD vs Magma 第二场 11.20
2020/11/23 DOTA
Python 流程控制实例代码
2009/09/25 Python
Python中Collections模块的Counter容器类使用教程
2016/05/31 Python
python字符串,数值计算
2016/10/05 Python
django解决跨域请求的问题详解
2019/01/20 Python
在linux系统下安装python librtmp包的实现方法
2019/07/22 Python
python可视化实现KNN算法
2019/10/16 Python
PyCharm设置Ipython交互环境和宏快捷键进行数据分析图文详解
2020/04/23 Python
django 连接数据库出现1045错误的解决方式
2020/05/14 Python
python如何求圆的面积
2020/07/01 Python
IE8下CSS3选择器nth-child() 不兼容问题的解决方法
2016/11/16 HTML / CSS
Html5 audio标签样式的修改
2016/01/28 HTML / CSS
阿联酋航空丹麦官方网站:Emirates DK
2019/08/25 全球购物
SK-II神仙水美国官网:SK-II美国
2020/02/25 全球购物
品德评语大全
2014/05/05 职场文书
2014年群众路线党员自我评议
2014/09/24 职场文书
自愿离婚协议书2015
2015/01/26 职场文书