<center>ajax函数封装</center>

最新推荐文章于 2025-10-23 15:25:20 发布

原创最新推荐文章于 2025-10-23 15:25:20 发布 · 118 阅读

0 ·

CC 4.0 BY-SA版权

ajax 专栏收录该内容

5 篇文章

订阅专栏

本文介绍了一个简单的AJAX函数实现，该函数允许设置默认参数，包括请求方式、异步状态、数据、回调函数和返回类型。它兼容了Mozilla和IE浏览器，通过XMLHttpRequest对象进行数据请求，并提供了错误处理机制。

function ajax(url, method, async, data, callBack, type) {
//设置参数默认值
method = method || "GET";
method = method.toUpperCase();
async = async || true;
data = data || null;
callBack = callBack || function () {
    alert("默认回调函数");
};
type = type || "text";
type = type.toLowerCase();

var xhr = false;
//初始化XMLHttpRequest 对象
if (window.XMLHttpRequest) {//Mozilla 浏览器
    xhr = new XMLHttpRequest();
    if (xhr.overrideMimeType) {//设置MiME 类别
        if (type == "text") {
            xhr.overrideMimeType("text/plain");
        } else if (type == "xml") {
            xhr.overrideMimeType("text/xml");
        }
    }
} else if (window.ActiveXObject) { //IE 浏览器
    try {
        xhr = new ActiveXObject("Msxml2.XMLHTTP");
    } catch (e) {
        try {
            xhr = new ActiveXObject("Microsoft.XMLHTTP");
        } catch (e) {
        }
    }
}

//异常，创建对象实例失败
if (!xhr) {
    window.alert("不能创建XMLHttpRequest对象实例.");
    return false;
}

xhr.open(method, url, async); //发起请求
xhr.setRequestHeader("If-Modified-Since", "0"); //每次都是获取最新的内容
if (method == "POST") { //post
    xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
    xhr.send(data);
} else {
    xhr.send(null); //get 不能发送数据
}

//指定响应处理函数
xhr.onreadystatechange = function () {
    if (xhr.readyState == 4 && xhr.status == 200) {
        //成功之后调用回调函数
        if (type == "xml") {
            return callBack(xhr.responseXML, xhr);
        } else if (type == "text") {
            return callBack(xhr.responseText, xhr);
        }
    }
};

}