如何使用ajax发送请求

Ajax（Asynchronous JavaScript and XML）是一种使用JavaScript编写的技术，让前端页面可以异步地向后端发送请求并获取数据，而不需要刷新整个页面。以下是使用Ajax发送请求的基本步骤：

1. 创建XMLHttpRequest对象

在JavaScript中，使用XMLHttpRequest对象来发送HTTP请求。创建XMLHttpRequest对象的代码如下：

var xhr = new XMLHttpRequest();

2. 设置请求参数

在发送请求之前，需要设置请求参数，例如请求的URL、请求方法、请求头等。代码示例如下：

xhr.open('GET', 'http://example.com/api/data', true);
xhr.setRequestHeader('Content-Type', 'application/json');

其中，第一个参数是请求方法，可以是GET、POST等；第二个参数是请求的URL；第三个参数表示是否异步发送请求。

3. 发送请求

设置好请求参数之后，就可以发送请求了。代码如下：

xhr.send();

如果是POST请求，可以在send()方法中传入请求体数据。

4. 处理响应

当服务器返回响应时，XMLHttpRequest对象会触发readystatechange事件。在事件处理函数中，可以获取响应数据并进行处理。代码示例如下：

xhr.onreadystatechange = function() {
  if (xhr.readyState === XMLHttpRequest.DONE) {
    if (xhr.status === 200) {
      var data = xhr.responseText;
      console.log(data);
    } else {
      console.error('请求失败');
    }
  }
}

其中，readyState属性表示请求的状态，有4个值：0（未初始化）、1（已打开）、2（已发送）、3（接收中）、4（已完成）；status属性表示服务器返回的状态码，200表示请求成功，其他状态码表示请求失败。responseText属性表示服务器返回的响应数据。