微信小程序 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 相关文章推荐
jQuery 源码分析笔记(3) Deferred机制
Jun 19 Javascript
FF火狐下获取一个元素同类型的相邻元素实现代码
Dec 15 Javascript
jquery中通过父级查找进行定位示例
Jun 28 Javascript
js实现简单计算器
Nov 22 Javascript
js中scrollTop()方法和scroll()方法用法示例
Oct 03 Javascript
又一款MVVM组件 构建自己的Vue组件(2)
Mar 13 Javascript
mpvue+vuex搭建小程序详细教程(完整步骤)
Sep 30 Javascript
layuiAdmin循环遍历展示商品图片列表的方法
Sep 16 Javascript
JavaScript实现单图片上传并预览功能
Sep 30 Javascript
原生js实现二级联动菜单
Nov 27 Javascript
vue绑定数字类型 value为数字的实例
Aug 31 Javascript
微信小程序实现分页加载效果
Nov 19 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
Yii操作数据库的3种方法
2014/03/11 PHP
node.js中的console.trace方法使用说明
2014/12/09 Javascript
分享一些常用的jQuery动画事件和动画函数
2015/11/27 Javascript
jQuery过滤选择器经典应用
2016/08/18 Javascript
javascript设计模式Constructor(构造器)模式
2016/08/19 Javascript
基于JS实现回到页面顶部的五种写法(从实现到增强)
2016/09/03 Javascript
原生js实现键盘控制div移动且解决停顿问题
2016/12/05 Javascript
bootstrap modal弹出框的垂直居中
2016/12/14 Javascript
JavaScript无阻塞加载和defer、async详解
2017/02/26 Javascript
浅谈原生JS实现jQuery的animate()动画示例
2017/03/08 Javascript
node koa2实现上传图片并且同步上传到七牛云存储
2017/07/31 Javascript
使用JS模拟锚点跳转的实例
2018/02/01 Javascript
vue实现在一个方法执行完后执行另一个方法的示例
2018/08/25 Javascript
Element-UI中Upload上传文件前端缓存处理示例
2019/02/21 Javascript
Vue 中使用lodash对事件进行防抖和节流操作
2020/07/26 Javascript
html+vue.js 实现漂亮分页功能可兼容IE
2020/11/07 Javascript
Python中的命令行参数解析工具之docopt详解
2017/03/27 Python
Pycharm在创建py文件时,自动添加文件头注释的实例
2018/05/07 Python
Python logging模块用法示例
2018/08/28 Python
PyQt5创建一个新窗口的实例
2019/06/20 Python
Django模板之基本的 for 循环 和 List内容的显示方式
2020/03/31 Python
jupyter 实现notebook中显示完整的行和列
2020/04/09 Python
python中scrapy处理项目数据的实例分析
2020/11/22 Python
CSS3图片旋转特效(360/60/-360度)
2013/10/10 HTML / CSS
三星新西兰官网:Samsung新西兰
2019/03/05 全球购物
新西兰杂志订阅:isubscribe
2019/08/26 全球购物
澳大利亚香水在线商店:City Perfume
2020/09/02 全球购物
新闻传播专业求职信
2014/07/22 职场文书
纪检干部现实表现材料
2014/08/21 职场文书
报考公务员诚信承诺书
2014/08/29 职场文书
内科护士节演讲稿
2014/09/11 职场文书
法定代表人授权委托书范本
2014/10/07 职场文书
村党支部书记个人对照材料汇报
2014/10/26 职场文书
2014年银行客户经理工作总结
2014/11/12 职场文书
技术员岗位职责
2015/02/04 职场文书
2022年显卡天梯图(6月更新)
2022/06/17 数码科技