JavaScript通过API调取信息，AJAX请求，局部刷新

在JavaScript中，可以使用AJAX（Asynchronous JavaScript and XML）来发送请求到API并局部刷新页面内容。以下是一个简单的例子，展示了如何使用原生JavaScript发送GET请求到API，并更新页面上的一个元素内容。

HTML部分：

<div id="content">原始内容</div>
<button id="refreshButton">刷新内容</button>

JavaScript部分：

document.getElementById('refreshButton').addEventListener('click', function() {
  var xhr = new XMLHttpRequest();
  xhr.open('GET', 'https://api.example.com/data', true);
  xhr.onreadystatechange = function() {
    if (xhr.readyState == 4 && xhr.status == 200) {
      var response = JSON.parse(xhr.responseText);
      document.getElementById('content').innerHTML = response.data; // 假设返回的JSON中包含data字段
    }
  };
  xhr.send();
});

在这个例子中，当用户点击按钮时，会发送一个GET请求到指定的API地址。当请求完成并且响应状态为200（即请求成功）时，我们会解析返回的JSON数据，并将其中的data字段的内容设置到页面上ID为content的元素的innerHTML中，从而实现局部刷新。