JS如何请求接口数据

在JavaScript中，可以使用AJAX（Asynchronous JavaScript and XML）技术与服务器进行异步通信。AJAX允许您通过发送HTTP请求从服务器获取数据，并在无需刷新整个页面的情况下更新部分页面内容。以下是使用原生JavaScript实现AJAX的基本步骤：

1. 创建XMLHttpRequest对象：使用XMLHttpRequest构造函数创建一个新的XMLHttpRequest对象。

const xhr = new XMLHttpRequest();

1. 设置请求参数：使用open()方法设置HTTP请求类型、URL和是否异步。

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

1. 设置回调函数：使用onreadystatechange属性指定处理服务器响应的回调函数。

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

1. 发送请求：使用send()方法发送HTTP请求。

xhr.send();

完整的请求示例：

const xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data', true);
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    console.log(xhr.responseText);
  }
};
xhr.send();