什么是AJAX？如何使用JS发起AJAX请求？

什么是AJAX？如何使用JS发起AJAX请求？

AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式和动态网页的技术。它允许使用JavaScript在不重新加载整个页面的情况下与服务器进行数据交换。

使用JavaScript发起AJAX请求的步骤如下：

1. 创建一个XMLHttpRequest对象。可以通过以下代码创建一个XMLHttpRequest对象：

var xhr = new XMLHttpRequest();

2. 设置请求的类型、URL和是否异步。可以使用open方法设置请求的类型（GET或POST）、URL和是否异步。例如：

xhr.open('GET', 'example.com/data', true);

3. 注册一个回调函数用于处理服务器响应。可以使用onreadystatechange属性注册一个回调函数，该函数在readyState属性改变时被触发。通常，在readyState等于4（表示请求已完成）且status等于200（表示成功响应）时处理服务器响应。例如：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    var response = xhr.responseText;
    // 在这里处理服务器响应
  }
};

4. 发送请求。可以使用send方法发送请求。如果是POST请求，可以将数据作为参数传递给send方法。例如：

xhr.send();

以上是使用纯JavaScript发起AJAX请求的基本步骤。但是，如今的JavaScript框架（如jQuery、axios等）提供了更简单和更强大的方式来处理AJAX请求。这些框架封装了底层的AJAX操作，简化了代码和兼容性问题，给了我们更丰富的应用AJAX的方案。