promise中调用ajax

 Promise是异步里面的一种解决方案，解决了回调嵌套的问题,es6将其进行了语言标准,同意了用法，提供了`promise`对象， promise对象有三种状态:pending(进行中) 、Resolved(已经完成)和Rejected(已失败)
ES6规定，Promise对象是一个构造函数，用来生成Promise实例。

Promise实例生成以后，可以用

then

方法分别指定

Resolved

状态和

Reject

状态的回调函数。

案例

 ajax

var

 

http = {

Promise三种状态

pending、resolved、rejected

使用语法

var promis = new Promise(function(resolve,reject){
$.ajax({
url:'/api/something.json',
method:'get',
datatype:'json',
success:(res) =>{
resolve(res)
},
error:(err)=>{
reject(err)
}
})
})

promis.then(function(res){
console.log(res)
}).catch(function(err){
console.log(err)
});

Promise.prototype.then()

链式调用,状态变为resolve

如果把下一步想要的东西return出去,即可让下一个then使用

var promise = new Promise(function(resolve,reject){
$.ajax({
url:'/api/poisearch.json',
method:'get',
datatype:'json',
success:(res) =>{
resolve(res)
},
error:(err)=>{
reject(err)
}
})
})

promise.then(function(res){
return res.data
}).then(function(data){
return data.result;
}).then(function(result){
console.log(result)
});

上面的代码还可以借用箭头函数简写成,极大提升了代码的简洁性和可读性

promise.then(res => res.data)
.then(data => data.result)
.then(result => console.log(result));

Promise.prototype.catch()

如果异步操作抛出错误，状态就会变为Rejected，就会调用catch方法指定的回调函数，处理这个错误。

另外，then方法指定的回调函数，如果运行中抛出错误，也会被catch方法捕获。
如果Promise状态已经变成Resolved，再抛出错误是无效的。
catch方法返回的还是一个Promise对象，因此后面还可以接着调用then方法。