微信小程序中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 相关文章推荐
jQuery 使用手册(一)
Sep 23 Javascript
jQuery中.live()方法的用法深入解析
Dec 30 Javascript
基于js实现微信发送好友如何分享到朋友圈、微博
Nov 30 Javascript
JavaScript学习笔记之创建对象
Mar 25 Javascript
JS实现图片局部放大或缩小的方法
Aug 20 Javascript
使用 jQuery.ajax 上传带文件的表单遇到的问题
Oct 31 Javascript
Vue.directive 自定义指令的问题小结
Mar 04 Javascript
详解使用Next.js构建服务端渲染应用
Jul 10 Javascript
详解vue使用$http服务端收不到参数
Apr 19 Javascript
微信小程序Page中data数据操作和函数调用方法
May 08 Javascript
JS实现的自定义map方法示例
May 17 Javascript
js中位数不足自动补位扩展padLeft、padRight实现代码
Apr 06 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
全国FM电台频率大全 - 24 贵州省
2020/03/11 无线电
使用PHP数组实现无限分类,不使用数据库,不使用递归.
2006/12/09 PHP
浅析php中抽象类和接口的概念以及区别
2013/06/27 PHP
JavaScript的eval JSON object问题
2009/11/15 Javascript
Javascript 中的 && 和 || 使用小结
2010/04/25 Javascript
动态加载图片路径 保持JavaScript控件的相对独立性
2010/09/03 Javascript
JavaScript 选中文字并响应获取的实现代码
2011/08/28 Javascript
指定区域的图片自动按比例缩小的js代码(防止页面被图片撑破)
2014/02/21 Javascript
分享一个自己写的简单的javascript分页组件
2015/02/15 Javascript
非常实用的12个jquery代码片段
2015/11/02 Javascript
JS中mouseover和mouseout多次触发问题如何解决
2016/06/06 Javascript
vue.js学习之递归组件
2016/12/13 Javascript
JS实现二叉查找树的建立以及一些遍历方法实现
2017/04/17 Javascript
vue的toast弹窗组件实例详解
2018/05/14 Javascript
浅谈Vue路由快照实现思路及其问题
2018/06/07 Javascript
使用vue的transition完成滑动过渡的示例代码
2018/06/25 Javascript
layui框架table 数据表格的方法级渲染详解
2018/08/19 Javascript
ES6知识点整理之函数对象参数默认值及其解构应用示例
2019/04/17 Javascript
Python函数学习笔记
2008/10/07 Python
python共享引用(多个变量引用)示例代码
2013/12/04 Python
Python爬取qq空间说说的实例代码
2018/08/17 Python
Python推导式简单示例【列表推导式、字典推导式与集合推导式】
2018/12/04 Python
python3文件复制、延迟文件复制任务的实现方法
2019/09/02 Python
Python基于network模块制作电影人物关系图
2020/06/19 Python
Django自带的用户验证系统实现
2020/12/18 Python
贪睡宠物用品:Snoozer Pet Products
2020/02/04 全球购物
海量信息软件测试笔试题
2015/08/08 面试题
中文专业毕业生自荐信
2013/10/28 职场文书
面临毕业的毕业生自荐书范文
2014/02/05 职场文书
机工车间主任岗位职责
2014/03/05 职场文书
水利水电建筑施工应届生求职信
2014/07/04 职场文书
小学安全汇报材料
2014/08/14 职场文书
个人业务学习心得体会
2016/01/25 职场文书
详解PHP服务器如何在有限的资源里最大提升并发能力
2021/05/25 PHP
python字符串拼接.join()和拆分.split()详解
2021/11/23 Python
JavaCV实现照片马赛克效果
2022/01/22 Java/Android