ajax 自动执行 ajax定时：示例代码

Ajax自动执行是指在网页加载完成后，自动执行Ajax请求的一种技术。通常情况下，网页加载完成后，用户需要手动触发某个事件才能执行Ajax请求，但是通过Ajax自动执行，可以在网页加载完成后，自动发送Ajax请求，从而实现数据的自动更新或者其他操作。

下面是一个示例代码，演示了如何使用Ajax自动执行来实现定时刷新页面的效果：

// 定义一个函数，用于发送Ajax请求
function sendAjaxRequest() {
  // 创建一个XMLHttpRequest对象
  var xhr = new XMLHttpRequest();
  // 设置请求的方法和URL
  xhr.open('GET', 'https://api.example.com/data', true);
  // 监听请求的状态变化
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      // 请求成功，处理返回的数据
      var data = JSON.parse(xhr.responseText);
      // 更新页面数据或者进行其他操作
      updatePage(data);
    }
  };
  // 发送请求
  xhr.send();
}
// 定义一个函数，用于定时执行Ajax请求
function autoExecuteAjax() {
  // 设置定时器，每隔一段时间执行一次Ajax请求
  setInterval(function() {
    sendAjaxRequest();
  }, 5000); // 每隔5秒发送一次Ajax请求
}
// 页面加载完成后，自动执行定时执行Ajax请求的函数
window.onload = function() {
  autoExecuteAjax();
};

在上面的示例代码中，首先定义了一个`sendAjaxRequest`函数，用于发送Ajax请求。该函数创建了一个XMLHttpRequest对象，并设置了请求的方法和URL。然后，通过监听请求的状态变化，可以在请求成功时处理返回的数据，并进行页面的更新或其他操作。

接下来，定义了一个`autoExecuteAjax`函数，用于定时执行Ajax请求。该函数使用`setInterval`方法，每隔一段时间（这里是5秒）调用一次`sendAjaxRequest`函数，从而实现定时刷新页面的效果。

在页面加载完成后，通过`window.onload`事件触发，自动执行`autoExecuteAjax`函数，实现了Ajax自动执行的效果。