Promise封装ajax请求

JS中Ajax的4个步骤

1，创建Ajax对象

2，建立服务器链接

3，发送请求

4，监听Ajax状态变化

let myAjax = {
    get(){
        return new Promise((resolve,reject)=>{
                //1,创建Ajax对象
                let xhr = null;
                if(window.XMLHttpRequest){
                    xhr = new XMLHttpRequest();
                }else{ //兼容低版本ie浏览器
                    xhr = new ActiveXObject("Microsoft.XMLHTTP");
                }
                //2，建立服务器链接
                let url = "http://api.tianapi.com/film/index?key=74cb68c12016c1e9508bf6d5f981a7be&num=10";
                xhr.open("GET",url,true);
                //3，发送请求
                xhr.send(null);
                //4，监听Ajax对象状态变化
                xhr.onreadystatechange = function(){
                    if(this.readyState==4 && this.status==200){
                        resolve(this.responseText);
                    }
                }
            });
    }
}
myAjax.get().then((res)=>{
    let data = JSON.parse(res);
    data.newslist.forEach((v)=>{
        console.log(v["title"]);
    });
}).catch((err)=>{
    console.log(err);
});