ajax封装2

请求设置时间限制

(function (window) {
    function AjaxTool() {
    }

    AjaxTool.ajaxRequest = function (url, paramObj, timeOut, successCallback, failedCallback) {
        var xhr = new XMLHttpRequest();
        xhr.open('get', url + '?' + getStrWithObject(paramObj), true);
        xhr.send();
        xhr.addEventListener('readystatechange', function (ev2) {
           if(xhr.readyState === 4){
               if(xhr.status === 200){
                   // 请求成功
                   successCallback && successCallback(xhr);
                   // 清除定时器
                   clearTimeout(timer);
               }else {
                   // 请求失败
                   failedCallback && failedCallback(xhr);
               }
           }
        });

        //  0 代表不限制请求的时间
        var timer = null;
        if(timeOut > 0){
            timer = setTimeout(function () {
                // 取消请求  原有的方法取消请求
                xhr.abort();
            }, timeOut);
        }
    };

    /**
     *  把对象转换成拼接字符串
     * @param {Object}paramObj
     */
    function getStrWithObject(paramObj) {
        var resArr = [];
        // 1. 转化对象
        for (var key in paramObj) {
            var str = key + '=' + paramObj[key];
            resArr.push(str);
        }
        // 2. 拼接时间戳
        resArr.push('random=' + getRandomStr());

        // 3. 数组转成字符串
        return resArr.join('&');
    }

    /**
     * 获取随机时间戳
     * @returns {number}
     */
    function getRandomStr() {
        return Math.random() + (new Date().getTime());
    }

    window.AjaxTool = AjaxTool;
})(window);

<script>
    window.addEventListener('load', function (ev) {
        var btn = document.getElementById('send');
        btn.addEventListener('click', function (ev1) {
            // 1. 获取用户输入的内容
            var account = document.getElementById('account').value;
            var pwd = document.getElementById('pwd').value;
            // 2. 参数对象
            var paramsObj = {
                "account": account,
                "pwd": pwd
            }
            AjaxTool.ajaxRequest('http://localhost:3000/api/four', paramsObj, 2000, function (xhr) {
                // 处理成功的回调
                console.log('请求成功：', xhr.responseText);
            }, function (xhr) {
               // 处理失败的回调
                console.log('请求失败');
            })
        });
    });
</script>