js的promise应用
来源:互联网 发布:美中国际 知乎 编辑:程序博客网 时间:2024/05/22 03:19
1.异步加载图片
function loadImageAsync(url){ return new Promise(function (resolve,reject){ var img=new Image(); img.onload=function() { resolve(img); }; img.onerror=function (){ reject(new Error("could not load image"+url)); }; img.src=url; });}loadImageAsync("http://img.taopic.com/uploads/allimg/120727/201995-120HG1030762.jpg").then(function () { console.log("sucess");},function (error) { console.log(error);});
2.实现AJAX请求
var getjson=function(url){ return new Promise(function(resolve,reject){ var xhr=new XMLHttpRequest(); xhr.open("GET",url, true); xhr.onreadystatechange=handler; xhr.responseType="json"; xhr.setRequestHeader("Accept","application/json"); xhr.send(); function handler(){ if(this.readyState!==4){ return; } if ((this.status>=200&& this.status<300)||this.status===304) { reslove(this.responseText); }else{ reject(new Error(this.statusText)); } } });};getjson("/post.json").then(function(json){ console.log("content"+json);},function (error) { console.error('出错了', error);});
阅读全文
0 0
- js的promise应用
- JS Promise的简单实现
- jQuery中的promise的应用
- Promise对象的简单应用
- JS的promise和extJS的promise的使用
- promise架构和node.js的promise用法
- JS Promise
- js promise
- promise.js
- Promise处理JS异步的问题
- JS中的Promise的then方法
- js中promise的使用与理解
- 一道关于Promise应用的面试题
- promise 的基础应用(待修改)
- Promise系列05:Promise应用
- js-Promise A+规范
- promise - common js
- js Promise学习
- poj 3415 后缀数组+单调栈||后缀自动机
- HID Firmware修改 (HIDtoUARTExample)之二
- angular $http post 方法有些浏览器不支持原因解答
- POJ
- Linux部署Oracle数据库图形界面乱码
- js的promise应用
- HTML跑马灯
- Vue 组件实现表单的双向绑定
- hdu 1317 XYZZY(floyd+SPFA)
- python Day11:Numpy里的一些基础
- PAC配合ss
- 史上最详细的Hadoop环境搭建
- 移植LINUX的外围设备驱动到QNX系统,linux程序移植到QNX
- android 基础面试题锦记(3) Activity