AJAX的原理（重点）

AJAX（Asynchronous JavaScript and XML）的基本原理是创建一个不重新加载页面的情况下与服务器交换数据并更新部分网页的能力。它是一种在无需重新加载整个网页的情况下，与服务器交换数据并更新网页的技术。

AJAX的核心是JavaScript对象 XMLHttpRequest。该对象在1999年由Internet Explorer 5作为一个Beta版特性引入，随后其他浏览器逐渐跟进。这个对象可以使浏览器在不重新加载页面的情况下从服务器请求数据。

以下是使用XMLHttpRequest对象发送AJAX请求的基本步骤：

1. 创建一个新的XMLHttpRequest对象。
2. 设置请求的参数，包括请求方法（GET或POST）、请求的URL以及是否异步处理请求。
3. 使用open()方法打开请求。
4. 为了发送请求，可以使用send()方法。如果请求不是GET，则需要将要发送的数据作为send()方法的参数。
5. 为了处理服务器响应，可以指定onreadystatechange事件处理器。这个处理器会在XMLHttpRequest对象的readyState属性发生变化时被调用。
6. 当readyState等于4且状态码等于200时，表示请求已成功完成，可以处理服务器返回的数据。

示例代码：

var xhr = new XMLHttpRequest();
xhr.open("GET", "your-url", true);
xhr.onreadystatechange = function() {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var response = xhr.responseText;
    // 使用response中的数据更新页面
  }
};
xhr.send();

现代的JavaScript框架（如jQuery、AngularJS、React等）提供了更简便的AJAX实现，使得AJAX的使用更为便捷。例如，在jQuery中，可以使用$.ajax、$.get、$.post等方法来简化AJAX的使用。