微信小程序封装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 相关文章推荐
jscript之List Excel Color Values
Jun 13 Javascript
点击下载链接 弹出页面实现代码
Oct 01 Javascript
用Jquery实现可编辑表格并用AJAX提交到服务器修改数据
Dec 27 Javascript
JavaScript之AOP编程实例
Jul 17 Javascript
基于jquery编写分页插件
Mar 07 Javascript
Google 地图获取API Key详细教程
Aug 06 Javascript
详解浏览器渲染页面过程
Feb 09 Javascript
Vuejs 组件——props数据传递的实例代码
Mar 07 Javascript
Vue路由切换时的左滑和右滑效果示例
May 29 Javascript
layui实现数据表格点击搜索功能
Mar 26 Javascript
原生js代码能实现call和bind吗
Jul 31 Javascript
JS检索下拉列表框中被选项目的索引号(selectedIndex)
Dec 17 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 404错误页面实现代码
2009/06/22 PHP
PHP中输出转义JavaScript代码的实现代码
2011/04/22 PHP
php二维数组转成字符串示例
2014/02/17 PHP
利用谷歌 Translate API制作自己的翻译脚本
2014/06/04 PHP
php实现读取超大文件的方法
2014/07/28 PHP
CI框架封装的常用图像处理方法(缩略图,水印,旋转,上传等)
2016/11/22 PHP
利用Homestead快速运行一个Laravel项目的方法详解
2017/11/14 PHP
laravel5.6中的外键约束示例
2019/10/23 PHP
Js从头学起(基本数据类型和引用类型的参数传递详细分析)
2012/02/16 Javascript
jQuery 选择表格(table)里的行和列及改变简单样式
2012/12/15 Javascript
页面加载完成后再执行JS的jquery写法以及区别说明
2014/02/22 Javascript
实例分析javascript中的call()和apply()方法
2014/11/28 Javascript
javascript异步处理工作机制详解
2015/04/13 Javascript
ubuntu下安装nodejs以及升级的办法
2015/05/08 NodeJs
JavaScript实现获得所有兄弟节点的方法
2015/07/23 Javascript
javascript实现图片延迟加载方法汇总(三种方法)
2015/08/27 Javascript
js实现简洁的TAB滑动门效果代码
2015/09/06 Javascript
使用jquery实现的循环连续可停顿滚动实例
2016/11/23 Javascript
javascript原生封装一个淡入淡出效果的函数测试实例代码
2018/03/19 Javascript
ES6小技巧之代替lodash
2019/06/07 Javascript
mapboxgl区划标签避让不遮盖实现的代码详解
2020/07/01 Javascript
微信小程序实现日历小功能
2020/11/18 Javascript
python cs架构实现简单文件传输
2020/03/20 Python
Django错误:TypeError at / 'bool' object is not callable解决
2019/08/16 Python
pycharm配置python 设置pip安装源为豆瓣源
2021/02/05 Python
彪马加拿大官网:PUMA加拿大
2018/10/04 全球购物
全球才华横溢工匠的家居装饰、珠宝和礼物:NOVICA
2021/01/22 全球购物
高中班长自我鉴定
2013/12/20 职场文书
院领导写的就业推荐信
2014/03/09 职场文书
安全生产大检查方案
2014/05/07 职场文书
关于工作时间玩手机的检讨书
2014/09/18 职场文书
党的群众路线教育实践活动实施方案
2014/10/31 职场文书
教师个人教学总结
2015/02/11 职场文书
会议简讯范文
2015/07/20 职场文书
Python 批量下载阴阳师网站壁纸
2021/05/19 Python
javascript Number 与 Math对象的介绍
2021/11/17 Javascript