微信小程序 es6-promise.js封装请求与处理异步进程


Posted in Javascript onJune 12, 2017

微信小程序 es6-promise.js封装请求与处理异步进程

下载es6-promise.js置于根目录下的libs文件夹下;

在根目录utils文件夹下新建httpsPromisify.js,即定义封装请求的方法

var Promise = require('../libs/es6-promise.min')
function httpsPromisify(fn) { 
 return function (obj = {}) {  
  return new Promise((resolve, reject) => {   
   obj.success = function (res) {    
    resolve(res)   
   }   
   obj.fail = function (res) {    
    reject(res)   
   }   
   fn(obj)  
  }) 
 }
}
module.exports = { 
 httpsPromisify: httpsPromisify
}

调用方法:

var Promisify = require('../../utils/httpsPromisify')  Page({

  onLoad: function(){
   Promisify.httpsPromisify(wx.request)({
    url: "https://XXXXXXX",
    header: {
     "Content-Type": "application/x-www-form-urlencoded"
    },
    method: "POST",
    data: {

    }
   }).then(function(res){
     console.log(res)
   })    

  }, })

注意:

目前支持promise的第三方库有许多,如$q.js,bluebird.js等等,但是需要注意的是,这些在微信开发工具上可以正常使用,但是到真机上就没有效果了;

所以用es6-Promise.js,这个亲测完美,而且文件大小比其他在都小很多,所以建议大家使用。

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

Javascript 相关文章推荐
JS中confirm,alert,prompt函数使用区别分析
Apr 01 Javascript
非阻塞动态加载javascript广告实现代码
Nov 17 Javascript
判断字符串的长度(优化版)中文占两个字符
Oct 30 Javascript
jQuery实现输入框邮箱内容自动补全与上下翻动显示效果【附demo源码下载】
Sep 20 Javascript
Javascript 数组去重的方法(四种)详解及实例代码
Nov 24 Javascript
JavaScript算法教程之sku(库存量单位)详解
Jun 29 Javascript
Vue实现一个返回顶部backToTop组件
Jul 25 Javascript
vue-router 路由基础的详解
Oct 17 Javascript
Javascript 之封装(Package)
Sep 14 Javascript
使用koa2创建web项目的方法步骤
Mar 12 Javascript
javascript实现抢购倒计时程序
Aug 26 Javascript
解决vue里a标签值解析变量,跳转页面,前面加默认域名端口的问题
Jul 22 Javascript
AngularJS 异步解决实现方法
Jun 12 #Javascript
jquery+css实现侧边导航栏效果
Jun 12 #jQuery
angularjs实现上拉加载和下拉刷新数据功能
Jun 12 #Javascript
Vue非父子组件通信详解
Jun 12 #Javascript
详解angularjs 关于ui-router分层使用
Jun 12 #Javascript
Vue 2中ref属性的使用方法及注意事项
Jun 12 #Javascript
深究AngularJS如何获取input的焦点(自定义指令)
Jun 12 #Javascript
You might like
Apache环境下PHP利用HTTP缓存协议原理解析及应用分析
2010/02/16 PHP
PHP图片添加水印功能示例小结
2016/10/03 PHP
ThinkPHP框架实现导出excel数据的方法示例【基于PHPExcel】
2018/05/12 PHP
thinkphp5实现无限级分类
2019/02/18 PHP
如何通过PHP实现Des加密算法代码实例
2020/05/09 PHP
javascript 日期时间函数(经典+完善+实用)
2009/05/27 Javascript
JavaScript Timer实现代码
2010/02/17 Javascript
javascript学习笔记(十一) 正则表达式介绍
2012/06/20 Javascript
js时间戳格式化成日期格式的多种方法
2013/11/11 Javascript
微信小程序开发实战教程之手势解锁
2016/11/18 Javascript
js生成随机数方法和实例
2017/01/17 Javascript
vue如何实现observer和watcher源码解析
2017/03/09 Javascript
详解angularJs指令的3种绑定策略
2017/04/13 Javascript
js+canvas实现滑动拼图验证码功能
2018/03/26 Javascript
详解如何用webpack4从零开始构建react开发环境
2019/01/27 Javascript
layui 实现table翻页滚动条位置保持不变的例子
2019/09/05 Javascript
layer.prompt使文本框为空的情况下也能点击确定的方法
2019/09/24 Javascript
聊聊vue 中的v-on参数问题
2021/01/29 Vue.js
Python基于贪心算法解决背包问题示例
2017/11/27 Python
对Python中range()函数和list的比较
2018/04/19 Python
基于sklearn实现Bagging算法(python)
2019/07/11 Python
Python BeautifulSoup [解决方法] TypeError: list indices must be integers or slices, not str
2019/08/07 Python
Python Django框架url反向解析实现动态生成对应的url链接示例
2019/10/18 Python
在tensorflow中实现屏蔽输出的log信息
2020/02/04 Python
python使用scapy模块实现ping扫描的过程详解
2021/01/21 Python
HTML中fieldset标签概述及使用方法
2013/02/01 HTML / CSS
HTML5 图片悬停放大的实现代码示例
2019/12/04 HTML / CSS
科颜氏美国官网:Kiehl’s美国
2017/01/31 全球购物
YOINS官网:时尚女装网上购物
2017/03/17 全球购物
编辑求职信样本
2013/12/16 职场文书
学子宴答谢词
2014/01/25 职场文书
大学生毕业求职自荐书范文
2014/02/04 职场文书
2014乡党委副书记党建工作汇报材料
2014/11/02 职场文书
2014年小学美术工作总结
2014/12/20 职场文书
于丹讲座视频观后感
2015/06/15 职场文书
Python机器学习实战之k-近邻算法的实现
2021/11/27 Python