纯JS实现Ajax请求-优快云博客

本文介绍了一种使用纯JavaScript实现的Ajax请求方法，包括GET和POST两种请求方式，并支持多种数据类型如text、xml和json等。此外还提供了一个简单的错误处理机制。

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

var createAjax = function(){
    var xhr=null;
    try {
        xhr=new ActiveXObject("microsoft.xmlhttp"); // IE系列浏览器
    } catch (e1) {
        try{
            xhr=new XMLHttpRequest(); // 非 IE浏览器
        } catch(e2) {
            window.alert("您的浏览器不支持ajax，请更换！");
        }
    }
    return xhr;
};
var ajax=function(conf){
    var type=conf.type; // type参数,可选
    var url=conf.url; // url参数，必填
    var data=conf.data; // data参数可选，只有在post请求时需要
    var dataType=conf.dataType; // datatype参数可选
    var success=conf.success; // 回调函数可选
    if (type == null) {
        type="get"; // type参数可选，默认为get
    }
    if (dataType == null){
        dataType="text"; // dataType参数可选，默认为text
    }
    var xhr = createAjax();
    xhr.open(type,url,true);
    if (type=="GET" || type=="get") {
        xhr.send(null);
    } else if (type=="POST" || type=="post") {
        xhr.setRequestHeader("content-type","application/x-www-form-urlencoded");
        xhr.send(data);
    }
    xhr.onreadystatechange=function(){
        if ((xhr.readyState == 4) && (xhr.status == 200)) {
            if (dataType=="text" || dataType=="TEXT"){
                if (success != null){
                    success(xhr.responseText); // 普通文本
                }
            } else if(dataType=="xml" || dataType=="XML"){
                if (success != null){
                    success(xhr.responseXML); // 接收xml文档
                }
            } else if (dataType=="json" || dataType=="JSON"){
                if (success != null) {
                    success(eval("("+xhr.responseText+")")); //将json字符串转换为js对象
                }
            }
        }
    };
};

转载于:https://my.oschina.net/u/3015045/blog/810828