AJAX：创建 XMLHttpRequest 对象

AJAX，全称为 Asynchronous JavaScript and XML，是一种使用 JavaScript 发起异步 HTTP 请求的技术，无需重新加载整个页面即可更新部分网页内容。在 AJAX 中，XMLHttpRequest 对象是实现异步通信的关键。
要创建 XMLHttpRequest 对象，首先需要检查浏览器是否支持该对象。不同浏览器可能使用不同的前缀或实现方式，因此需要进行兼容性处理。以下是一个简单的示例代码：

function createXMLHttpRequest() {
var request;
try {
request = new XMLHttpRequest();
} catch (error) {
// IE6-IE9 使用 ActiveXObject
try {
request = new ActiveXObject('Microsoft.XMLHTTP');
} catch (error) {}
}
return request;
}

在上面的代码中，我们首先尝试使用标准的 XMLHttpRequest 构造函数创建对象。如果失败，则尝试使用 IE 特有的 ActiveXObject 构造函数。这样可以确保在大多数浏览器中都能成功创建 XMLHttpRequest 对象。
一旦创建了 XMLHttpRequest 对象，就可以使用它来发送 AJAX 请求。以下是一个简单的示例代码：

var xhr = createXMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 请求成功，处理返回的数据
var data = JSON.parse(xhr.responseText);
console.log(data);
} else if (xhr.readyState === 4) {
// 请求失败或超时等其他情况
console.log('Error: ' + xhr.statusText);
}
};
xhr.send();

在上面的代码中，我们首先使用 open 方法指定请求的 URL、请求方法和异步模式。然后，我们设置一个 onreadystatechange 事件处理函数，用于监听请求的状态变化。当请求的 readyState 属性变为 4 时，表示请求完成，我们可以根据 status 属性判断请求是否成功。如果成功，我们可以将返回的数据解析为 JavaScript 对象；如果失败，我们可以打印出错误信息。最后，我们使用 send 方法发送请求。
需要注意的是，在使用 AJAX 时需要遵守同源策略。如果请求的 URL 与当前页面的协议、域名或端口号不一致，将会导致跨域资源共享（CORS）问题。解决这个问题的方法是服务器端设置适当的 CORS 头部信息，允许来自不同源的请求访问资源。另外，由于 AJAX 是异步的，需要特别注意处理好异步请求和回调函数的逻辑关系，避免出现竞态条件和回调地狱等问题。