es6的promise的ajax,es6中promise实现ajax的例子

function getData(url){

var pro = new Promise(function(resolve,reject){

var xhr = null;

try{

xhr = new XMLHttpRequest()

}

catch(e){

xhr = new ActiveXObject("Microsoft.XMLHTTP");

}

xhr.open("get",url);

xhr.onreadystatechange=function (){

if(xhr.readyState===4){

if(xhr.status===200){

resolve(xhr.response);

}else{

reject(new Error(xhr.status));

}

}

}

xhr.send()

})

return pro;

}

getData("xxxx.url").then(function(data){

console.log(data);

},function(error){

console.log(error);

})

readyState

0:已建立对象但没有send

1:已经send对象正在载入

2:载入完成

3:解析接收到数据

4:解析完成，可以response了

状态 status

200：ok

302：文件暂时性转移

304：资源在上次请求后没有修改

500：服务器内部问题

ES6中Promise的入门(结合例子)

一.Promise的前言 解决回调地狱 //以往回调方式 函数1(function(){ //代码执行...(ajax1) 函数2(function(){ //代码执行...(ajax2) 函数3(f ...

ES6中promise的使用方法

先看看ES5中异步编程的使用. let ajax = function (callBlack) { setTimeout(function () { callBlack && call ...

ES6中Promise对象个人理解

Promise是ES6原生提供的一个用来传递异步消息的对象.它减少了传统ajax金字塔回调,可以将异步操作以同步操作的流程表达出来使得代码维护和可读性方面好很多. Promise的状态: 既然是用来传 ...

ES6 中 Promise

在说Promise之前我们先简单说一下什么是同步异步? 同步(Sync):所谓同步,就是发出一个功能调用时,在没有得到结果之前,该调用就不返回或继续执行后续操作. 异步(Async):异步与同步相对, ...

对于ES6中Promise的个人见解

1.js中常见的异步 JavaScript可以响应用户的一些异步交互,比如单击鼠标和按键盘等操作. let button = document.getElementById("btn&quo ...

ES6中promise总结

一.什么是ES6的Promise 讲太多也没有.直接在打印出来就好,console.dir(Promise) Promise 是一个构造函数,自身有all, reject, resolve 这几个眼熟 ...

ES6 中 Promise 详解

Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可以获取异步操作的消息.Promise 提供统一的 API ...

ES6中Promise详解

Promise,简单说就是一个容器,里面保存着某个未来才会结束的事件(通常是一个异步操作)的结果.从语法上说,Promise 是一个对象,从它可以获取异步操作的消息. Promise 提供统一的 AP ...

阿里前端测试题--关于ES6中Promise函数的理解与应用

今天做了阿里前端的笔试题目,原题目是这样的 //实现mergePromise函数,把传进去的数组顺序先后执行,//并且把返回的数据先后放到数组data中 const timeout = ms =&gt ...

随机推荐

Android学习起步 - Button按钮及事件处理

按钮和文本框算是比较简单的控件了,以下主要讲按钮的事件响应,三种写法(匿名内部类响应事件.外部类响应事件.本类直接响应事件) 点击按钮后文本框中会显示 ”按钮被单击了”,先看效果: 以下是这个界面的布 ...

AChartEngine绘制图形

AChartEngine是Android作图的方法之一,要使用AChartEngine,首先下载AChartEngine,按照以下方法将其jar包添加到工程中: 1.将achartengine-1.1 ...

快速生成PDF书签

PDF没有书签,就像吃饭没有筷子一样,虽然可以将就,但总不是很方便!现介绍一种快速生成书签的方法. 第一步,打开excel,制作书签目录,前面的一列是书签名称(黑色框),后面一列是PDF页码(红色框) ...

ftp服务器安装与配置

ftp服务器安装与配置 1. ftp服务端的安装 1 如果之前配置过ftp服务器的还是之后配置的服务器,无法启动服务,那么基本是配置出现了错误,那么可先完全卸载后再进行安装.如果无法定位多半是镜像源的 ...

GDOI2018游记&题解

day0 第一件事当然是去酒店入住+领一堆东西. 感觉酒店不错,而且离学校挺近的,走路10分钟不到,骑车5分钟就到了. 然后去学校吃饭.我们在教工饭堂吃饭,饭菜还不错,但是没有筷子差评. 吃完饭后找了 ...

java使用POI解析2007以上的Excel表格

来自http://hao0610.iteye.com/blog/1160678 使用poi来解析Excel的xls和xlsx. 解析xls: package xls; import java.io.F ...

Linux 题目收集

目录 1.库函数,系统调用,用户态及内核态 2.查看进程,杀死进程 3.查看文档 4.scp命令 5.不在 sudoers 文件中.此事将被报告 6.chmod: 更改"minikube&q ...

[Algorithm] Check for balanced parentheses using stack

Algorithm or program to check for balanced parentheses in an expression using stack data structure. ...

图像颜色--opencv scalar

Scalar定义可存放1—4个数值的数值,其结构体如下: typedef struct Scalar { double val[4]; }Scalar; 例如:Scalar s: 如果使用的图像是1通 ...