微信小程序封装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 相关文章推荐
js和jquery使按钮失效为不可用状态的方法
Jan 26 Javascript
JS图片定时翻滚效果实现方法
Jun 21 Javascript
canvas实现绘制吃豆鱼效果
Jan 12 Javascript
原生js实现放大镜
Feb 20 Javascript
JavaScript 判断iPhone X Series机型的方法
Jan 28 Javascript
详解async/await 异步应用的常用场景
May 13 Javascript
vue实现多条件和模糊搜索功能
May 28 Javascript
RxJS的入门指引和初步应用
Jun 15 Javascript
JavaScript中的ES6 Proxy的具体使用
Jun 16 Javascript
详解基于 Node.js 的轻量级云函数功能实现
Jul 08 Javascript
使用JS监听键盘按下事件(keydown event)
Nov 07 Javascript
Openlayers绘制地图标注
Sep 28 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调用三种数据库的方法(3)
2006/10/09 PHP
php class中self,parent,this的区别以及实例介绍
2013/04/24 PHP
屏蔽鼠标右键、Ctrl+n、shift+F10、F5刷新、退格键 的javascript代码
2007/04/01 Javascript
js chrome浏览器判断代码
2010/03/28 Javascript
jquery indexOf使用方法
2013/08/19 Javascript
在jquery中combobox多选的不兼容问题总结
2013/12/24 Javascript
利用javascript判断文件是否存在
2013/12/31 Javascript
jQuery插件jquery-barcode实现条码打印的方法
2015/11/25 Javascript
Node.js 文件夹目录结构创建实例代码
2016/07/08 Javascript
jQuery调用Webservice传递json数组的方法
2016/08/06 Javascript
Vue.js 中的 $watch使用方法
2017/05/25 Javascript
js is_valid_filename验证文件名的函数
2017/07/19 Javascript
微信小程序的日期选择器的实例详解
2017/09/29 Javascript
Angular实现的敏感文字自动过滤与提示功能示例
2017/12/29 Javascript
JS实现的简单拖拽购物车功能示例【附源码下载】
2018/01/03 Javascript
Vue 路由切换时页面内容没有重新加载的解决方法
2018/09/01 Javascript
vue给组件传递不同的值方法
2018/09/29 Javascript
JS面试题大坑之隐式类型转换实例代码
2018/10/14 Javascript
vue中的v-if和v-show的区别详解
2019/09/01 Javascript
使用Python快速搭建HTTP服务和文件共享服务的实例讲解
2018/06/04 Python
Python对象属性自动更新操作示例
2018/06/15 Python
python人民币小写转大写辅助工具
2018/06/20 Python
python处理multipart/form-data的请求方法
2018/12/26 Python
对Python中DataFrame选择某列值为XX的行实例详解
2019/01/29 Python
Python 通过requests实现腾讯新闻抓取爬虫的方法
2019/02/22 Python
Python实现投影法分割图像示例(二)
2020/01/17 Python
python实现飞机大战项目
2020/03/11 Python
Python基于百度AI实现OCR文字识别
2020/04/02 Python
python logging模块的使用
2020/09/07 Python
Python 实现国产SM3加密算法的示例代码
2020/09/21 Python
HTML5 visibilityState属性详细介绍和使用实例
2014/05/03 HTML / CSS
英国最大最好的无人机商店:Drones Direct
2019/07/12 全球购物
亲属关系公证书
2014/04/08 职场文书
合伙协议书范本
2014/04/21 职场文书
2015年机关纠风工作总结
2015/05/15 职场文书
2015年乡镇财政工作总结
2015/05/19 职场文书