封装一个promise的异步请求

封装一个promise的异步请求

let ajax = function(options) {
        function formatParams(obj) {
            var arr = [];
            for (var attr in obj) {
                arr.push(encodeURIComponent(attr) + '=' + encodeURIComponent(obj[attr]))
            }
            arr.push('t=' + new Date().getTime())
            return arr.join('&');
        }

        // 定义一个Promise对象
        return new Promise((resolve, reject) => {
            //第一步设置ajax对象
            if (window.XMLHttpRequest) {
                // ie6以外支持
                var xhr = new XMLHttpRequest();
            } else {
                // 仅ie6支持
                var xhr = new ActiveXObject('Microsoft.XMLHTTP');
            }
            // 第二步设置请求方式和请求地址
            // true 是异步请求    false是同步
            if (options.type.toLowerCase() == 'get') {
                xhr.open('get', options.url + '?' + formatParams(options.data), true);
            } else if (options.toLowerCase() == 'post') {
                xhr.open('get', optinos.url, true);
                xhr.setRequestHeader('content-type', 'applaction/json');
            }
            // 第三步发送数据
            xhr.send(options.data);
            // 第四步监听并响应
            xhr.onreadystatechange = function() {
                if (xhr.readyState != 4) return;
                if (xhr.readyState == 4 && xhr.status == 200) {
                    resolve(xhr.responseText);
                } else {
                    reject('服务器异常')
                }
            }
        })
    }