ajax实现长轮询(示例代码)

长轮询是一种实现实时数据更新的技术。它通过向服务器发送一个请求，并在服务器端保持该请求的连接，直到有新数据可用或者超时。一旦有新数据可用，服务器会立即返回响应，客户端收到响应后立即发送下一个请求，以保持连接。这样就实现了实时的数据更新。

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

function longPolling() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求方式和URL
  xhr.open('GET', '/api/data', true);
  // 设置请求完成时的回调函数
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 处理响应数据
      var data = JSON.parse(xhr.responseText);
      console.log('Received data:', data);
    }
    // 发起下一个请求
    longPolling();
  };
  // 发送请求
  xhr.send();
}
// 启动长轮询
longPolling();

在上面的代码中，我们首先创建了一个XMLHttpRequest对象，然后使用open方法设置请求方式为GET，URL为`/api/data`，并将请求设置为异步模式（第三个参数为true）。接下来，我们定义了一个onload回调函数，在请求完成时触发。在回调函数中，我们首先检查响应的状态码是否为200，如果是则表示有新数据可用。然后我们解析响应的文本数据，并进行相应的处理。我们再次调用longPolling函数，发起下一个请求，以保持连接。

这样，客户端会不断地向服务器发送请求，服务器会保持连接，直到有新数据可用或者超时。这样就实现了长轮询的效果，实时更新数据。