微信小程序封装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 类型转换方法
Oct 24 Javascript
Javascript中的window.event.keyCode使用介绍
Apr 26 Javascript
ASP.NET jQuery 实例9  通过控件hyperlink实现返回顶部效果
Feb 03 Javascript
来自国外的30个基于jquery的Web下拉菜单
Jun 22 Javascript
jQuery获取iframe的document对象的方法
Oct 10 Javascript
JQuery实现防止退格键返回的方法
Feb 12 Javascript
详解Angular开发中的登陆与身份验证
Jul 27 Javascript
jquery插件bootstrapValidator数据验证详解
Nov 09 Javascript
three.js加载obj模型的实例代码
Nov 10 Javascript
Angular使用cli生成自定义文件、组件的方法
Sep 04 Javascript
vue-cli中使用高德地图的方法示例
Mar 28 Javascript
vue实现列表垂直无缝滚动
Apr 08 Vue.js
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
将酷狗krc歌词解析并转换为lrc歌词php源码
2014/06/20 PHP
从零开始学YII2框架(三)扩展插件yii2-gird
2014/08/20 PHP
ThinkPHP验证码和分页实例教程
2014/08/22 PHP
在Linux系统的服务器上隐藏PHP版本号的方法
2015/06/06 PHP
PHP实现伪静态方法汇总
2016/01/13 PHP
Yii控制器中操作视图js的方法
2016/07/04 PHP
Yii2框架redis基本应用示例
2018/07/13 PHP
jquery 学习之一 对象访问
2010/11/23 Javascript
node.js中的fs.write方法使用说明
2014/12/15 Javascript
JavaScript之Date_动力节点Java学院整理
2017/06/28 Javascript
微信小程序用户自定义模版用法实例分析
2017/11/28 Javascript
关于ES6箭头函数中的this问题
2018/02/27 Javascript
在vue中获取token,并将token写进header的方法
2018/09/26 Javascript
基于Vue实现电商SKU组合算法问题
2019/05/29 Javascript
javascript实现扫雷简易版
2020/08/18 Javascript
Vue指令实现OutClick的示例
2020/11/16 Javascript
详解Vue 的异常处理机制
2020/11/30 Vue.js
Python的Django REST框架中的序列化及请求和返回
2016/04/11 Python
tensorflow使用神经网络实现mnist分类
2018/09/08 Python
使用OpCode绕过Python沙箱的方法详解
2019/09/03 Python
python异常处理之try finally不报错的原因
2020/05/18 Python
tensorflow/core/platform/cpu_feature_guard.cc:140] Your CPU supports instructions that this T
2020/06/22 Python
利用Pycharm + Django搭建一个简单Python Web项目的步骤
2020/10/22 Python
好药师网上药店:安全合法的网上药品零售药房
2017/02/15 全球购物
法国创作个性化T恤衫和其他定制产品平台:Tostadora
2018/04/08 全球购物
Chantelle仙黛尔内衣美国官网:法国第一品牌内衣
2018/07/26 全球购物
德国药房apodiscounter中文官网:德国排名前三的网上药店
2019/06/03 全球购物
网络工程专业毕业生推荐信
2013/10/28 职场文书
《美丽的黄昏》教学反思
2014/02/28 职场文书
乡村卫生服务一体化管理实施方案
2014/03/30 职场文书
优秀班集体先进事迹材料
2014/05/28 职场文书
群众路线教育党员自我剖析材料
2014/10/06 职场文书
2016年公务员六五普法心得体会
2016/01/21 职场文书
使用Bandicam录制鼠标指针并附带点击声音,还可以添加点击动画效果
2022/04/11 数码科技
如何通过cmd 连接阿里云服务器
2022/04/18 Servers
利用Apache Common将java对象池化的问题
2022/06/16 Servers