自己封装的一个最简单的ajax

最新推荐文章于 2025-08-13 10:52:50 发布

bingbung

最新推荐文章于 2025-08-13 10:52:50 发布

阅读量779

点赞数

CC 4.0 BY-SA版权

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

本文链接：https://blog.youkuaiyun.com/u010980391/article/details/43698833

其他专栏收录该内容

2 篇文章

订阅专栏

本文介绍如何使用JavaScript实现AJAX的GET和POST请求，包括设置XMLHttpRequest对象，发送请求及处理响应的过程。通过具体示例展示了如何调用这些函数来获取或发送数据。

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

//async：true（异步）或 false（同步）
function ajaxPOSTFun(url, params, callback) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    if (xmlhttp) {
        xmlhttp.open("POST", url, true);
        xmlhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
        xmlhttp.send(params);
        xmlhttp.onreadystatechange = function() {
            if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
                callback(xmlhttp.responseText);
            }
        }
    } else {
        alert("Your browser does not support XMLHTTP.");
    }
}

//example
function getPage(param) {
    var url = "/linkskip/demo/demo" + param + ".html";
    ajaxPOSTFun(url, "num=" + param,
    function(data) {
        window.document.write(data);
    });
}

//get 
function ajaxGETFun(url, params, callback) {
    var xmlhttp;
    if (window.XMLHttpRequest) {
        xmlhttp = new XMLHttpRequest();
    } else {
        xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function() {
        if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
            callback(xmlhttp.responseText);
        }
    }
    xmlhttp.open("GET", url + "?" + params, true);
    xmlhttp.send();
}