javascript --- > 实现Ajax的代码

最新推荐文章于 2022-10-24 13:26:43 发布

栗子好好吃

最新推荐文章于 2022-10-24 13:26:43 发布

阅读量246

点赞数

分类专栏： JavaScript 文章标签：学习之路...

JavaScript 专栏收录该内容

113 篇文章 1 订阅

订阅专栏

直接上代码,(前几天项目出差部署去叻)

const ajax = function (options = {}) {
    option.type = (options.type || 'GET').toUpperCase();
     
    let data = [];
    for(let i in options.data) {
        data.push(encodeURIComponent(i) + 
            '=' + encodeURIComponent (options.data[i]));
    }
    data = data.join('&');
     
    const xhr = new XMLHttpRequest();
    xhr.onreadystatechange = function () {
        if (xhr.readyState === 4) {
            const status = xhr.status;
            if (status >= 200 && status < 300) {
                options.success &&
                options.success(JSON.parse(xhr.responseText),
                xhr.responseXML);
            } else {
                options.error && options.error(status);
            }
        }
    };
    if (options.type === 'GET') {
        xhr.open('GET', options.url + '?' + data, true);
        xhr.send(null);
    } else if (options.type === 'POST') {
        xhr.open('POST', options.url, true);
        xhr.setRequestHeader(
            'Content-Type',
            'application/x-www-form-urlencoded');
        xhr.send(data);
    }
};
参考 《vue.js实战》P231