ajax与ajax轮询【ajax 轮询：示例代码】

Ajax（Asynchronous JavaScript and XML）是一种用于在网页上进行异步数据交互的技术。它可以实现在不刷新整个页面的情况下，向服务器发送请求并获取响应数据，然后将数据更新到页面的特定部分，从而提升用户体验。

Ajax轮询是一种特殊的Ajax技术，它通过定时发送请求来获取服务器上的最新数据。在轮询过程中，客户端会定时向服务器发送请求，服务器会检查是否有新的数据可用，如果有，则返回给客户端，客户端再将数据更新到页面上。这样，页面上的数据就可以实时地与服务器保持同步。

下面是一个使用Ajax轮询的示例代码：

function pollServer() {
  setInterval(function() {
    // 发送Ajax请求
    var xhr = new XMLHttpRequest();
    xhr.open('GET', '/api/data', true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 获取服务器返回的数据
        var data = JSON.parse(xhr.responseText);
        // 更新页面上的数据
        document.getElementById('data-container').innerText = data;
      }
    };
    xhr.send();
  }, 5000); // 每5秒发送一次请求
}
// 页面加载完成后开始轮询
window.onload = function() {
  pollServer();
};

上述代码中，`pollServer`函数用于发送Ajax请求并更新页面数据。在`setInterval`函数中，我们设置了每5秒发送一次请求。在每次请求中，我们使用`XMLHttpRequest`对象发送GET请求到`/api/data`接口，然后在`onreadystatechange`事件处理函数中判断请求状态和响应状态，如果一切正常，就将服务器返回的数据更新到页面上。

在页面加载完成后，我们调用`pollServer`函数来开始轮询服务器。这样，页面上的数据就会每隔5秒自动更新一次，实现了实时同步的效果。