封装ajax请求--get,post（前端 js 封装ajax请求，浏览器兼容）

最新推荐文章于 2024-08-01 15:32:21 发布

冒险的豆子

最新推荐文章于 2024-08-01 15:32:21 发布

阅读量207

点赞数

分类专栏： ajax 文章标签： ajax

本文链接：https://blog.csdn.net/HelloMy_sun/article/details/91605283

版权

ajax 专栏收录该内容

1 篇文章 0 订阅

订阅专栏

function ajax(opt) {

    var xhr = null;
    
    var param = Change(opt);

    // 兼容

    if (window.XMLHttpRequest) {

        xhr = new XMLHttpRequest();

    } else {

        xhr = new ActiveXObject('Micosoft.XMLHttp');

    }

    // 连接判断 get--post

    if (opt.type == "GET") {

        xhr.open(GET, opt.url + '?' + param, opt.async);

        xhr.send(null);

    } else if (opt.type == "POST") {

        xhr.open(POST, opt.url, opt.async);

        xhr.setRequestHeader("Content-Type", 'application/x-www-form-urlencoded');

        xhr.send(param);

    }

    // 状态判断 并发送

    xhr.onreadystatechange = function() {

        if (xhr.readyState == 4 && xhr.status == 200) {

            opt.success(xhr.responseText);

        }

    }

    // 数据处理

    function Change(data) {

        var arr = [];

        for (var p in data) {

            arr.push(p+ "=" + data[p]);

        }

        return arr.join("&");

    }

}