async封装ajax请求

 function getData(url, type, data){  // 这个相当于请求的数据
            return new Promise((resolve, reject) => {
                let xhr = new XMLHttpRequest();                
                xhr.open('get', url);
                xhr.send();
                xhr.onreadystatechange = function(){
                    if(xhr.readyState !== 4){
                        return;
                    }
                    if(xhr.status == 200){
                        resolve(xhr.responseText)
                    }else{
                        reject('失败')
                    }                   
                }              
            })
        }

        //  async 函数返回的是一个Promise 实例对象，可以通过then ()链式调用； async 函数 通过  return 语句传递数据 ，通过  then() 接收数据
        async function ajax(url){
            //  正常情况下，await命令后面是一个 Promise 对象，返回该对象的结果。如果不是 Promise 对象，就直接返回对应的值。
           let result =  await getData(url);
        //    console.log(result);

            //  await 返回的结果就是数据 
            // let result = await 'hello world';

        //  return 传递的数据会自动被then() 里边的回调函数接收 
            return result
        }

    //    let res = ajax('http://localhost:3000/posts')
    // console.log(res);
       ajax('http://localhost:3000/posts').then(result => {
            console.log(result);
       })