es6 Promise -- 封装-优快云博客

本文详细介绍了如何使用Promise进行异步操作的封装，包括resolve和reject的使用，以及通过$.ajax实现的成功和错误处理。此外，还展示了Promise.all批量处理多个异步请求的方法，以及Promise.race用于竞速处理最快响应的技巧。

//Promise -- 封装
let p = new Promise(function(resolve,reject){
    //异步...
    //resolve 解决
    //reject 拒绝
    $.ajax({
        url:'data/1.txt',
        dataType:'json',
        success(arr){
            resolve(arr);
        },
        error(res){
            reject(res);
        }
    })
})
p.then(function(arr){
    console.log("Promise-ok",arr);
},function(res){
    console.log("Promise-err",res);
})

//ajax本身的promise
$.ajax({
    url:'data/1.txt',
    dataType:'json'
}).then(arr => {
    console.log("ajax-promise-ok",arr);
},err => {
    console.log("ajax-promise-err",err);
})

// Promise.all批量处理
Promise.all([
    $.ajax({url:'data/1.txt',dataType:'json'}),
    $.ajax({url:'data/2.txt',dataType:'json'}),
    $.ajax({url:'data/3.txt',dataType:'json'}),
]).then(arr =>{
    console.log("Promist-all-ok",arr);
},err => {
    console.log("Promise-all-err",err);
})
// Promise.race  ---  竞速 那个快用哪个