利用Promise来解决ajax异步问题

Promise简单介绍

1. 是ES6为了解决回调地狱的问题出现，其实也没有真正的解决
2. Promise一共分为两个阶段①未决阶段unsettled和已决阶段settled
3. 异步事情是从未决到已决阶段，而未决阶段控制着通往已决阶段的能力，能够控制一个事情的走向
4. 而ES6又将Promise分为三种状态pedding resolved rejected①等待阶段②已处理阶段，可以按照正常逻辑进行下去③已拒绝阶段，无法按照正常逻辑走下去。后两种都属于已决阶段
5. 把状态走向两个已决阶段时可能会传递一些数据①已处理阶段，带出的数据一般为真实有效数据②已拒绝阶段，带出的数据一般是错误信息
6. ！！不论进行到那个阶段都是无法逆转的
7. 一般事情走到了已决阶段，不同的已决阶段会进行不同的后续处理方式

看一看如果利用promise解决ajax异步

1. 封装一个函数ajax通过函数接受一些参数，return出去new Promise((resolve, reject) => {}
2. 通过异步ajax推向事情走向那个已决阶段来进行进一步的事情处理
3. resolve已决阶段已处理调用该函数传入ajax返回来的数据
4. reject已决阶段已拒绝对错误信息进行处理
5. 每次调用resolve函数都会走向then方法第一个参数进行处理，处理完成后通过return fn("./1.json", names);调用ajax函数进行请求数据
6. 每次在then方法第一个参数进行处理时return之后在后面进行像jquery那样打点链式调用进行处理

打点链式调案例 ：

          function fn(url, names) {
   
            return new Promise((resolve, reject) => {
   
                $.ajax({
   
                    type: "GET",
                    dataType: "json",
                    url: url,
                    success: function (res) {
   
                        if (res) {
   
                            if (names) {
   
                                resolve(res.data)
                            } else {
   
                                reject("没有找到")
                            }
                        } else {
   
                            reject("没有找到")
                        }
                    }
                })
            })
        }