前端使用AJAX发送异步请求

能者

使用AJAX发送异步请求有以下几个步骤：

1. 创建XMLHttpRequest对象：在JavaScript中，可以通过创建XMLHttpRequest对象来发送AJAX请求。可以使用`new XMLHttpRequest()`语句来创建一个新的XMLHttpRequest对象。

2. 设置回调函数：在发送请求之前，需要设置回调函数来处理服务器响应。可以通过`onreadystatechange`属性来指定回调函数。通常，回调函数会在服务器响应发生变化时被调用。

3. 打开请求：使用`open()`方法来打开一个新的请求连接。该方法接受三个参数：请求方法（GET、POST等）、请求URL和是否使用异步标志（通常设为true）。

4. 发送请求：使用`send()`方法发送请求。对于GET请求，可以将请求参数作为URL的一部分；而对于POST请求，可以将参数作为`send()`方法的参数传递。

5. 处理服务器响应：在回调函数中，可以通过检查`readyState`和`status`属性来判断服务器响应的状态。当`readyState`为4且`status`为200时，表示请求已完成且成功接收到服务器响应。可以通过`responseText`属性获取服务器响应内容。

下面是一个简单的示例代码，演示了如何使用AJAX发送GET请求并处理服务器响应：

[JavaScript] 纯文本查看 复制代码

var xhr = new XMLHttpRequest();

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};

xhr.open('GET', 'http://example.com/api/data', true);
xhr.send();

这只是一个简单的示例，实际应用中可能需要更多的处理逻辑和错误处理。