【Ajax】发送get请求获取接口数据

在JavaScript中，可以使用原生的XMLHttpRequest对象或者现代的fetch API来发送Ajax GET请求。以下是使用这两种方法的示例代码。

使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
xhr.open("GET", "https://api.example.com/data", true);
xhr.onreadystatechange = function () {
  if (xhr.readyState == 4 && xhr.status == 200) {
    var data = JSON.parse(xhr.responseText);
    console.log(data); // 处理接收到的数据
  }
};
xhr.send();

使用fetch API的示例：

fetch("https://api.example.com/data")
  .then(response => {
    if (response.ok) {
      return response.json();
    }
    throw new Error('Network response was not ok.');
  })
  .then(data => {
    console.log(data); // 处理接收到的数据
  })
  .catch(error => {
    console.error('There has been a problem with your fetch operation:', error);
  });

在这两个示例中，我们都假设"https://api.example.com/data"是你想要获取数据的接口地址。当使用\`XMLHttpRequest\`时，你需要监听\`onreadystatechange\`事件，在回调函数中检查\`readyState\`和\`status\`来确认请求成功并处理响应数据。使用\`fetch\` API时，它返回一个Promise，你可以通过链式调用.then()来处理响应数据。