Promise改写Ajax请求

  function axios(options) {

            // let url = options.url  method data

            //结构赋值

            //适合:当变量名字与对象对象下属性名字一样的时候

            //声明三个变量,并分别赋值,赋值为options对像的属性的值

            let { url, method, data } = options;

            // console.log(url,method,data);

            return new Promise((resolve, reject) => {

                // 发请求

                let xhr = new XMLHttpRequest()

                let u = url

                if (JSON.stringify(data).length == 2) {

                    // 无参数

                    u = url

                } else {

                    // 有参数

                    u = url + "?";

                    for (let k in data) {

                        u = u + k + "=" + data[k] + '&'

                    }

                    u = u.slice(0, u.length - 1)

                }

                xhr.open('get', `http://49.232.47.192:9527/api${u}`)

                xhr.send()

                xhr.onreadystatechange = function () {

                if (xhr.status == 200 & xhr.readyState == 4) {

                    var res = xhr.responseText

                    res = JSON.parse(res)

                    resolve(res)

                }

            }

 

            })

        }

axios({

url:'/goodList',

method:'get'

data:{

page:1

}

}).then(data=>{console.log('服务器相应数据'),data})