jquery ajax 轮询-示例代码

jquery ajax轮询是一种在网页中实现实时更新的技术。它通过不断发送请求并从服务器获取最新的数据，然后将数据更新到网页中，从而实现网页内容的实时更新。这种技术常用于聊天室、消息推送和实时数据展示等场景。

下面是一个示例代码，演示了如何使用jquery ajax轮询来实现实时更新：

function pollData() {
  // 发送ajax请求
  $.ajax({
    url: "api/getData", // 请求的接口地址
    type: "GET", // 请求的方法
    dataType: "json", // 服务器返回的数据类型
    success: function(response) {
      // 请求成功后的处理逻辑
      // 更新网页中的数据
      $("#data").text(response.data);
      // 继续轮询数据
      setTimeout(pollData, 1000);
    },
    error: function(xhr, status, error) {
      // 请求失败后的处理逻辑
      // 输出错误信息
      console.log("Error: " + error);
      // 继续轮询数据
      setTimeout(pollData, 1000);
    }
  });
}
// 页面加载完成后开始轮询数据
$(document).ready(function() {
  pollData();
});

在这个示例代码中，我们定义了一个名为`pollData`的函数，用于发送ajax请求并处理返回的数据。在函数中，我们使用`$.ajax`方法发送GET请求到服务器的`api/getData`接口，并指定了返回的数据类型为json。在请求成功后，我们使用`success`回调函数来处理返回的数据，将数据更新到网页中的`#data`元素中。在请求失败后，我们使用`error`回调函数来处理错误信息，并将错误信息输出到控制台。

在页面加载完成后，我们调用`pollData`函数来开始轮询数据。每隔1秒钟，`pollData`函数会发送一次ajax请求，并在请求完成后继续轮询数据。这样就实现了网页内容的实时更新。

这是一个简单的jquery ajax轮询的示例代码，你可以根据自己的需求进行修改和扩展。