JavaScript获取异步数据的两种方法

在JavaScript中，获取异步数据通常涉及到使用fetch API或者XMLHttpRequest对象。以下是两种方法的示例代码：

使用fetch API的示例：

fetch('https://api.example.com/data')
  .then(response => {
    if (response.ok) {
      return response.json(); // 将响应数据转换为JSON
    }
    throw new Error('Network response was not ok.');
  })
  .then(data => {
    console.log('获取到的数据:', data);
  })
  .catch(error => {
    console.error('获取数据时发生错误:', error);
  });

使用XMLHttpRequest的示例：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'https://api.example.com/data');
xhr.onload = function() {
  if (xhr.status === 200) {
    var data = JSON.parse(xhr.responseText);
    console.log('获取到的数据:', data);
  } else {
    console.error('请求失败，状态码：', xhr.status);
  }
};
xhr.onerror = function() {
  console.error('请求出错');
};
xhr.send();

现在的JavaScript开发中，推荐使用fetch API，因为它更现代、更简洁，同时提供了更多的功能和更好的错误处理机制。