XMLHttpRequest 对象的常用属性和事件有哪些？如何使用？试编程举例加以说明

XMLHttpRequest 对象常用属性：

1. onreadystatechange：指定处理服务器响应的函数，该函数会在 readyState 属性变化时被调用。
2. readyState：返回请求/响应过程的当前活动阶段。
3. responseText：返回从服务器返回的响应数据。
4. status：返回响应的 HTTP 状态代码。
5. timeout：设置请求超时时间。

XMLHttpRequest 对象常用事件：

1. onreadystatechange：readyState 属性变化时触发。
2. onloadstart：请求被发送到服务器时触发。
3. onprogress：服务器正在处理请求时触发。
4. onabort：请求被中止时触发。
5. onerror：请求失败时触发。
6. onload：请求成功完成时触发。
7. ontimeout：请求超时时触发。

以下是一个使用 XMLHttpRequest 对象进行 AJAX 请求的例子：

// 创建 XMLHttpRequest 对象
var xhr = new XMLHttpRequest();

// 配置请求
xhr.open('GET', 'https://jsonplaceholder.typicode.com/todos/1', true);

// 处理服务器响应
xhr.onreadystatechange = function() {
  if (this.readyState === 4 && this.status === 200) {
    console.log(JSON.parse(this.responseText));
  }
};

// 发送请求
xhr.send();

上面的代码创建了一个 XMLHttpRequest 对象，使用 GET 方法请求了一个 JSON 数据，当 readyState 变为 4 且状态码为 200 时，将响应数据解析为 JavaScript 对象并输出到控制台。