js ajax

1. AJAX浏览器支持与创建对象

// XMLHttpRequest 是现代浏览器支持的AJAX实现
// ActiveXObject("Microsoft.XMLHTTP") 是针对老版本IE的AJAX实现
// 下面的代码演示了如何创建一个AJAX对象，根据浏览器的不同

var xml;
if (window.XMLHttpRequest) {
    // 针对Firefox, Opera, Chrome等现代浏览器
    xml = new XMLHttpRequest();
} else {
    // 针对早期的Internet Explorer浏览器
    xml = new ActiveXObject("Microsoft.XMLHTTP");
}

2. 打开并设置AJAX请求

// 使用open方法设置请求的方法、URL和是否异步
// 这里使用GET方法请求"123.txt"文件，且设置为异步请求
xml.open('GET', '123.txt', true);

3. 发送AJAX请求

// 使用send方法发送请求
xml.send();

4. 监听并处理AJAX响应

// onreadystatechange是一个事件监听器，它会在AJAX对象的状态发生变化时被调用
xml.onreadystatechange = function() {
    // 当AJAX对象的状态为4时，表示请求已完成
    if (xml.readyState == 4) {
        // 检查HTTP状态码，200表示请求成功
        if (xml.status == 200) {
            document.body.innerHTML = xml.responseText; // 显示返回的内容
        } else {
            document.body.innerHTML = '出错了 err：' + xml.status; // 显示错误信息
        }
    }
}

5. 参考链接

// 这是一些有关的链接，可以提供更多信息或示例
amazeui.org
www.coolsite360.com