promise对象的简单用法
来源:互联网 发布:淘宝晚上收货时间 编辑:程序博客网 时间:2024/04/30 09:46
promise对象是es6中提出的解决异步回调的一种方案,作为一个新手,最近刚刚把这个玩意给弄明白些。来写这篇文章,希望能得到一些高人的指点,同时我也觉得对于新手不了解promise的朋友们会有一些帮助。
废话不多说,关于介绍promise的话不多说了,有同学不明白的可以自行百度,本文只写一个promise的简单实例,相信稍微看过一些promise的朋友,但是对他又比较畏惧的(因为之前我不懂这个玩意儿的时候,感觉这玩意非常高大上)看了实例能对他有一个新的认识。接下来直接附上我写的简单的一个ajax请求:
function get(url) { return new Promise((resolve, reject) => { var ajax = new XMLHttpRequest(); ajax.open('GET', url); ajax.onreadystatechange = function() { if (ajax.readyState == 4) { if(ajax.status == 200){ resolve(ajax); }else{ alert(2); reject(); } } } ajax.send(); }); } document.getElementById('btn').onclick = function() { get('b.json').then(function(res) { console.log(res.responseText); document.getElementById('div1').innerHTML = res.responseText; }); }
因为介绍es6的对象,所以本文使用了一些es6的语法,如果有同学不明白的可以自行百度,promise对象接收两个参数,resolve跟reject,我个人的理解就是成功跟失败(如果我的理解有错,希望有大神可以指正,毕竟刚学会),ajax的的几个步骤我就不多说了,我们直接在get函数里边return这个promise对象,在这个promise对象中系我们的ajax方法,最后ajax请求成功。这时候resolve就派上用场了,resolve(ajax);之后 就结束了了,如果不成功呢就直接reject()即可(相当请求失败)。
最后,这个promise简单的案例就这么完成了大家可以再自己搭的环境下测试一下,虽然案例简单,但是对于理解promise来说我感觉作用还是挺大的。最后还要强调,我也是刚对这个玩意儿有了初步的认识,欢迎各位留言指正
阅读全文
1 0
- promise对象的简单用法
- Promise对象的简单应用
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- Promise对象的含义和基本用法
- promise的用法
- promise的用法
- promise的基本用法
- promise的用法
- promise对象的特点
- AngularJS的Promise对象
- Promise 对象的使用方法
- promise 的简单使用说明
- promise的简单使用
- hadoop master到slave1节点ssh配置完成后,scp出现permission denied
- Java的GridBagLayout布局
- PHPWord使用过程BUG记录
- C语言位运算符
- 搭建图片服务器《一》-linux安装ftp组件
- promise对象的简单用法
- 【NOIP模板】 gcd & lcm
- 嚼得菜根做得大事·《菜根谭》·六
- 利用Java的反射、泛型以及动态参数实现JDBC工具类
- 第11章-img特征,vertical-align,cursor,opacity
- 洛谷 P3811 【模板】乘法逆元
- Ant * 星号通配符
- (HihoCoder
- Java练习