微信小程序封装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图片轮播特效
Jan 13 Javascript
前端学习笔记style,currentStyle,getComputedStyle的用法与区别
May 28 Javascript
实例讲解JavaScript中instanceof运算符的用法
Jun 08 Javascript
jQuery实现点击后高亮背景固定显示的菜单效果【附demo源码下载】
Sep 21 Javascript
详解angularjs中如何实现控制器和指令之间交互
May 31 Javascript
详解react-router4 异步加载路由两种方法
Sep 12 Javascript
基于js的变量提升和函数提升(详解)
Sep 17 Javascript
基于Vue2.X的路由和钩子函数详解
Feb 09 Javascript
深入浅析Vue 中 ref 的使用
Apr 29 Javascript
解决layui laydate 时间控件一闪而过的问题
Sep 28 Javascript
vue vant Area组件使用详解
Dec 09 Javascript
js实现翻牌小游戏
Jul 31 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
摩卡咖啡
2021/03/03 咖啡文化
2个自定义的PHP in_array 函数,解决大量数据判断in_array的效率问题
2014/04/08 PHP
Codeigniter上传图片出现“You did not select a file to upload”错误解决办法
2014/06/12 PHP
PHP操作文件的一些基本函数使用示例
2014/11/18 PHP
PHP基于redis计数器类定义与用法示例
2018/02/08 PHP
Thinkphp5框架使用validate实现验证功能的方法
2019/08/27 PHP
javascript网页关键字高亮代码
2008/07/30 Javascript
jQuery Select(单选) 模拟插件 V1.3.62 改进版
2010/07/17 Javascript
很好用的js日历算法详细代码
2013/03/07 Javascript
解析JavaScript中的标签语句
2013/06/19 Javascript
学习JavaScript设计模式(链式调用)
2015/11/26 Javascript
js中判断变量类型函数typeof的用法总结
2016/08/09 Javascript
jQuery购物网页经典制作案例
2016/08/19 Javascript
深入理解React中es6创建组件this的方法
2016/08/29 Javascript
使用DeviceOne实现微信小程序功能
2016/12/29 Javascript
JS文件/图片从电脑里面拖拽到浏览器上传文件/图片
2017/03/08 Javascript
使用JavaScriptCore实现OC和JS交互详解
2017/03/28 Javascript
js遍历获取表格内数据的方法(必看)
2017/04/06 Javascript
[js高手之路]寄生组合式继承的优势详解
2017/08/28 Javascript
JS点击动态添加标签、删除指定标签的代码
2018/04/18 Javascript
vue动画打包后失效问题的解决方法
2018/09/18 Javascript
layui table复选框禁止某几条勾选的实例
2019/09/20 Javascript
在vue项目中引用Antv G2,以饼图为例讲解
2020/10/28 Javascript
Python 类与元类的深度挖掘 II【经验】
2016/05/06 Python
python统计字母、空格、数字等字符个数的实例
2018/06/29 Python
解决django前后端分离csrf验证的问题
2019/02/03 Python
python 利用已有Ner模型进行数据清洗合并代码
2019/12/24 Python
如何利用input事件来监听移动端的输入
2016/04/15 HTML / CSS
澳大利亚领先的在线美容商城:Adore Beauty
2017/04/14 全球购物
Deux par Deux官方网站:设计师童装
2020/01/03 全球购物
意大利单身交友网站:Meetic
2020/07/12 全球购物
银行实习的自我鉴定
2013/12/10 职场文书
对公司合理化的建议书
2014/03/12 职场文书
连锁超市项目计划书
2014/09/15 职场文书
运动会表扬稿范文
2015/05/05 职场文书
小学中队长竞选稿
2015/11/20 职场文书