js封装ajax

最新推荐文章于 2024-06-26 15:10:02 发布

Pumpkin~

最新推荐文章于 2024-06-26 15:10:02 发布

阅读量138

点赞数

CC 4.0 BY-SA版权

分类专栏： js，es6

本文链接：https://blog.youkuaiyun.com/qq_37635519/article/details/90487751

js，es6 专栏收录该内容

27 篇文章

订阅专栏

该博客围绕JS封装Ajax展开。Ajax是前端开发中实现异步通信的重要技术，通过JS对其进行封装，能提高代码复用性和开发效率，在前端与后端数据交互等场景有重要作用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

 
function ajax(method, url, callback, data, flag) {
    var xhr = null;
    if(window.XMLHttpRequest) {
        xhr =  new XMLHttpRequest();
    }else {
        xhr = new ActiveXObject('Microsoft.XMLHttp')
    }
    xhr.onreadystatechange = function() {
        if(xhr.readyState == 4) {
            if(xhr.status == 200) {
                callback(xhr.responseText);
            }else {
                console.log('error');
            }
        }
    }
    method = method.toUpperCase();
    if(method == 'GET') {
        var date = new Date(),
            timer = date.getTime();
        xhr.open(method, url + '?' + data + '&timer=' + timer, flag);
        xhr.send();
    }else if(method == 'POST') {
        xhr.open(method, url, flag);
        xhr.setRequestHeader('Content-type','application/x-www-form-urlencoded');
        xhr.send(data);
    }
}