ajax连续调用【示例代码】

Ajax连续调用是指在前一次Ajax请求完成之后，立即发起下一次Ajax请求。这种方式可以实现前端页面的无刷新更新，提升用户体验。在实现连续调用时，我们可以通过递归函数或者使用回调函数的方式来实现。

下面是一个使用递归函数实现Ajax连续调用的示例代码：

function ajaxCall() {
  // 创建XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求的方法和URL
  xhr.open('GET', 'https://api.example.com/data', true);
  // 设置请求完成后的回调函数
  xhr.onload = function() {
    if (xhr.status === 200) {
      // 处理服务器返回的数据
      var data = JSON.parse(xhr.responseText);
      console.log(data);
      // 再次调用ajaxCall函数，实现连续调用
      ajaxCall();
    }
  };
  // 发送请求
  xhr.send();
}
// 调用ajaxCall函数，开始连续调用
ajaxCall();

在上述示例代码中，我们首先定义了一个名为`ajaxCall`的函数，该函数用于发起Ajax请求。在函数内部，我们创建了一个XMLHttpRequest对象，并使用`open`方法设置了请求的方法和URL。然后，我们通过设置`onload`回调函数来处理服务器返回的数据，并在回调函数中再次调用`ajaxCall`函数，实现连续调用。

我们通过调用`ajaxCall`函数来启动连续调用的过程。每次请求完成后，会立即发起下一次请求，实现了Ajax的连续调用。