ajax连接后段 ajax长连接：示例代码

AJAX（Asynchronous JavaScript and XML）是一种用于创建交互式网页应用程序的技术。它通过在后台与服务器进行异步通信，实现在不刷新整个页面的情况下更新部分页面内容。长连接是一种特殊的AJAX技术，它允许客户端与服务器保持持久的连接，以便实时接收服务器端推送的数据。

在AJAX长连接中，客户端通过发送一个HTTP请求到服务器，然后服务器保持连接打开，直到有新的数据可用时才会返回响应。客户端可以通过定时发送空请求或者使用服务器端推送技术（如WebSocket）来保持连接。这样，服务器就可以在有新数据时主动推送给客户端，实现实时更新页面内容的效果。

以下是一个使用AJAX长连接的示例代码：

function createLongPollingConnection() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === XMLHttpRequest.DONE) {
      if (xhr.status === 200) {
        // 处理服务器返回的数据
        var data = xhr.responseText;
        updatePageContent(data);
      }
      // 重新建立连接
      createLongPollingConnection();
    }
  };
  xhr.open("GET", "server.php", true);
  xhr.send();
}
function updatePageContent(data) {
  // 更新页面内容
  document.getElementById("content").innerHTML = data;
}

在上述示例代码中，`createLongPollingConnection`函数用于创建AJAX长连接。它使用`XMLHttpRequest`对象发送GET请求到服务器的`server.php`页面，并在服务器返回响应后处理数据并更新页面内容。然后，它再次调用`createLongPollingConnection`函数，以重新建立连接。

`updatePageContent`函数用于更新页面内容。它接收从服务器返回的数据，并将其设置为页面的内容。

通过这种方式，客户端可以与服务器保持持久连接，实时接收服务器端推送的数据，并更新页面内容，实现实时更新的效果。