ajax轮询结束,jquery 轮询：示例代码

1、Ajax轮询是一种前端技术，用于实现实时更新数据的功能。它通过周期性地向服务器发送请求，然后根据服务器的响应来更新页面上的内容。这种方式可以在不刷新整个页面的情况下获取最新的数据，从而提升用户体验。

示例代码如下：

function fetchData() {
  $.ajax({
    url: 'http://example.com/data',
    method: 'GET',
    success: function(response) {
      // 更新页面上的内容
      $('#data-container').text(response);
    },
    complete: function() {
      // 继续轮询
      setTimeout(fetchData, 5000);
    }
  });
}
// 页面加载完成后开始轮询
$(document).ready(function() {
  fetchData();
});

在上面的示例代码中，我们定义了一个`fetchData`函数，用于发送Ajax请求获取最新的数据。在请求成功后，我们使用jQuery的`text`方法更新了页面上的内容。然后，在请求完成后，我们使用`setTimeout`函数设置了一个延时，以便在5秒后再次调用`fetchData`函数，实现轮询的效果。

2、jQuery轮询是基于Ajax轮询的一种实现方式，它使用了jQuery库提供的简洁的语法和方法来简化代码的编写。

示例代码如下：

function fetchData() {
  $.get('http://example.com/data', function(response) {
    // 更新页面上的内容
    $('#data-container').text(response);
  }).always(function() {
    // 继续轮询
    setTimeout(fetchData, 5000);
  });
}
// 页面加载完成后开始轮询
$(document).ready(function() {
  fetchData();
});

在上面的示例代码中，我们使用了jQuery的`get`方法发送了一个GET请求来获取最新的数据。在请求成功后，我们使用`text`方法更新了页面上的内容。然后，在请求完成后，我们使用`always`方法设置了一个回调函数，以便在请求结束后再次调用`fetchData`函数，实现轮询的效果。