微信小程序封装http访问网络库实例代码


Posted in Javascript onMay 24, 2017

微信小程序封装http访问网络库实例代码

之前都是使用LeanCloud为存储,现在用传统API调用时做如下封装

文档出处:https://mp.weixin.qq.com/debug/wxadoc/dev/api/network-request.html

代码如下:

var HOST = 'http://localhost/lendoo/public/index.php/';
// 网站请求接口,统一为post
function post(req) { 
//发起网络请求
 wx.request({
 url: HOST + req.uri, 
 data: req.param, 
 header: {
   "content-type": "application/x-www-form-urlencoded"
 },
 method: 'POST', 
 success: function (res) {
  req.success(res.data)
 }, 
 fail: function (res) {
   console.log(res);
 }
 })
}
// 导出模块
module.exports = { post: post
}

然后前端调用就可以这样做了:

var http = require('../../utils/http.js');
...
 http.post({ 
  uri: http.orderListUri, 
  param: {
   third_session: wx.getStorageSync('third_session')
  },  
   success: function (data) {
   that.setData({
    orderList: data
  });
  }
 });

一般对自己写的接口给自己用的时候,method方法或header都是约定好的,所以不用重复书写。

header: {
   "content-type": "application/x-www-form-urlencoded"
  },
method: 'POST'

而fail回调方法也可以统一处理;进一步地,也可以对success回调里的针对code值进一步判断,特定错误码统一处理,比如跳转登录页面等。

经过上述处理,是不是变得简洁了?

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

Javascript 相关文章推荐
用Javascript 和 CSS 实现脚注(Footnote)效果
Sep 09 Javascript
不同浏览器的怪癖小结
Jul 11 Javascript
jQuery多级手风琴菜单实例讲解
Oct 22 Javascript
Javascript简单实现面向对象编程继承实例代码
Nov 27 Javascript
jQuery实现简单的DIV拖动效果
Feb 19 Javascript
EasyUI在表单提交之前进行验证的实例代码
Jun 24 Javascript
Bootstrap零基础入门教程(二)
Jul 18 Javascript
jquery操作ul的一些操作笔记整理(干货)
Aug 31 jQuery
node中实现删除目录的几种方法
Jun 24 Javascript
详解mpvue实现对苹果X安全区域的适配
Jul 31 Javascript
vantUI 获得piker选中值的自定义ID操作
Nov 04 Javascript
在nuxt中使用路由重定向的实例
Nov 06 Javascript
Bootstrap下拉菜单更改为悬停(hover)触发的方法
May 24 #Javascript
微信小程序 生命周期函数详解
May 24 #Javascript
很棒的vue弹窗组件
May 24 #Javascript
详解Vue使用命令行搭建单页面应用
May 24 #Javascript
详解Vue 非父子组件通信方法(非Vuex)
May 24 #Javascript
微信小程序 支付功能(前端)的实现
May 24 #Javascript
微信小程序 选项卡的简单实例
May 24 #Javascript
You might like
php标签云的实现代码
2012/10/10 PHP
PHP运行环境配置与开发环境的配置(图文教程)
2013/06/04 PHP
PHP编译安装中遇到的两个错误和解决方法
2014/08/20 PHP
PHP实现动态柱状图改进版
2015/03/30 PHP
PHP中使用BigMap实例
2015/03/30 PHP
带你了解PHP7 性能翻倍的关键
2015/11/19 PHP
CI框架常用函数封装实例
2016/11/21 PHP
php实现微信支付之现金红包
2018/05/30 PHP
PHP常用日期加减计算方法实例小结
2018/07/31 PHP
JQuery 常用操作代码
2010/03/14 Javascript
基于jQuery的的一个隔行变色,鼠标移动变色的小插件
2010/07/06 Javascript
jQuery创建平滑的页面滚动(顶部或底部)
2013/02/26 Javascript
对new functionName()定义一个函数的理解
2014/05/22 Javascript
jQuery动画效果实现图片无缝连续滚动
2016/01/12 Javascript
JavaScript浏览器对象之一Window对象详解
2016/06/03 Javascript
用headjs来管理和加载js 提高网站加载速度
2016/11/29 Javascript
jQuery实现的checkbox级联选择下拉菜单效果示例
2016/12/26 Javascript
VUE使用vuex解决模块间传值问题的方法
2017/06/01 Javascript
在knockoutjs 上自己实现的flux(实例讲解)
2017/12/18 Javascript
在Vue methods中调用filters里的过滤器实例
2018/08/30 Javascript
js事件on动态绑定数据,绑定多个事件的方法
2018/09/15 Javascript
vue+element-ui实现表格编辑的三种实现方式
2018/10/31 Javascript
从源码里了解vue中的nextTick的使用
2018/11/22 Javascript
微信小程序实现手势滑动效果
2019/08/26 Javascript
使用Python脚本将Bing的每日图片作为桌面的教程
2015/05/04 Python
Mac下Anaconda的安装和使用教程
2018/11/29 Python
Python pandas库中的isnull()详解
2019/12/26 Python
浅谈Pycharm最有必要改的几个默认设置项
2020/02/14 Python
Python日期格式和字符串格式相互转换的方法
2020/02/18 Python
CAT鞋加拿大官网:CAT Footwear加拿大
2020/08/05 全球购物
公务员培训自我鉴定
2013/09/19 职场文书
万年牢教学反思
2014/02/15 职场文书
小学班干部竞选演讲稿
2014/04/24 职场文书
买房协议书范本
2014/10/23 职场文书
舌尖上的中国观后感
2015/06/02 职场文书
解决Oracle数据库用户密码过期
2022/05/11 Oracle