ajax封装get /post

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

    AjaxTool.ajaxRequest = function (param, successCallback, failedCallback) {
        // 1. 获取参数
        var requestType = param['requestType'] || 'get'; // 请求方式
        var url = param['url'];  // 请求的路径
        var paramObj = param['paramObj'];
        var timeOut = param['timeOut'] || 0;

        // 2. 发送请求
        var xhr = new XMLHttpRequest();
        // 判断
        if(requestType.toLowerCase() === 'get'){ // get请求
            var codeURL = encodeURI(url + '?' + getStrWithObject(paramObj));
            xhr.open('get', codeURL, true);
            xhr.send();
        }else if(requestType.toLowerCase() === 'post'){ // post请求
            var codeParam = encodeURI(getStrWithObject(paramObj));
            xhr.open('post', url, true);
            // 设置请求头
            xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
            xhr.send(codeParam);
        }
        // 监听服务器端响应
        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;
            var paramObj = {
                'account': account,
                'pwd': pwd
            };

            var param = {
                'requestType': 'post',
                'url': 'http://localhost:3000/api/five',
                'timeOut': 2000,
                'paramObj': paramObj
            }

            // 2. 创建网络请求对象
            AjaxTool.ajaxRequest(param, function (xhr) {
                console.log('成功', xhr.responseText);
            }, function () {
                console.log('失败')
            })
        });
    });
</script>