微信小程序中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 相关文章推荐
javascript 数组的方法集合
Jun 05 Javascript
jMessageBox 基于jQuery的窗口插件
Dec 09 Javascript
JavaScript实现可拖拽的拖动层Div实例
Aug 05 Javascript
jQuery密码强度检测插件passwordStrength用法实例分析
Oct 30 Javascript
不想让浏览器运行javascript脚本的方法
Nov 20 Javascript
浅析JavaScript中作用域和作用域链
Dec 06 Javascript
Vue概念及常见命令介绍(1)
Dec 08 Javascript
原生js实现简单的焦点图效果实例
Dec 14 Javascript
webpack打包js文件及部署的实现方法
Dec 18 Javascript
vue+iview 兼容IE11浏览器的实现方法
Jan 07 Javascript
JS实现简易留言板特效
Dec 23 Javascript
TypeScript中条件类型精读与实践记录
Oct 05 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
php使用json_encode对变量json编码
2014/04/07 PHP
Javascript实例教程(19) 使用HoTMetal(4)
2006/12/23 Javascript
javascript 获取url参数和script标签中获取url参数函数代码
2010/01/22 Javascript
jquery下利用jsonp跨域访问实现方法
2010/07/29 Javascript
js关闭子窗体刷新父窗体实现方法
2012/12/04 Javascript
深入理解JavaScript 闭包究竟是什么
2013/04/12 Javascript
动态加载jquery库的方法
2014/02/12 Javascript
《JavaScript DOM 编程艺术》读书笔记之DOM基础
2015/01/09 Javascript
JavaScript学习心得之概述
2015/01/20 Javascript
js实现下拉框选择要显示图片的方法
2015/02/16 Javascript
JS实现控制表格单元格垂直对齐的方法
2015/03/30 Javascript
jQuery zclip插件实现跨浏览器复制功能
2015/11/02 Javascript
JQuery Mobile 弹出式登录框的实现方法
2016/05/28 Javascript
基于jQuery实现数字滚动效果
2017/01/16 Javascript
jQuery实现页面倒计时并刷新效果
2017/03/13 Javascript
深入理解JavaScript的async/await
2018/08/05 Javascript
element-ui 时间选择器限制范围的实现(随动)
2019/01/09 Javascript
微信小程序项目总结之记账小程序功能的实现(包括后端)
2019/08/20 Javascript
基于JavaScript实现控制下拉列表
2020/05/08 Javascript
[02:40]DOTA2英雄基础教程 先知
2013/11/29 DOTA
Python实现以时间换空间的缓存替换算法
2016/02/19 Python
python基于Selenium的web自动化框架
2019/07/14 Python
flask 实现上传图片并缩放作为头像的例子
2020/01/09 Python
PyQt5 控件字体样式等设置的实现
2020/05/13 Python
美国女孩服装购物网站:Justice
2017/03/04 全球购物
澳大利亚在线时尚精品店:Hello Molly
2018/02/26 全球购物
俄罗斯家居用品购物网站:Евродом
2020/11/21 全球购物
公司管理建议书范文
2014/03/12 职场文书
法制宣传教育方案
2014/05/09 职场文书
银行求职信范文
2014/05/26 职场文书
试用期辞职信范文
2015/03/02 职场文书
2015年先进个人自荐书
2015/03/24 职场文书
解读MySQL的客户端和服务端协议
2021/05/10 MySQL
Python中seaborn库之countplot的数据可视化使用
2021/06/11 Python
Java 数据结构七大排序使用分析
2022/04/02 Java/Android
剧场版《转生恶役只好拔除破灭旗标》公开最新视觉图 2023年上映
2022/04/02 日漫