ajax 重复加载 示例代码

1、AJAX是一种网页开发技术，它可以实现在不刷新整个页面的情况下，通过异步加载数据并更新部分页面内容。这种技术可以提高用户体验，减少服务器负载，同时也可以使网页加载速度更快。

示例代码：

// 创建一个XMLHttpRequest对象
var xhr = new XMLHttpRequest();
// 监听AJAX请求的状态变化
xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 当请求完成且响应成功时，更新页面内容
    document.getElementById("result").innerHTML = xhr.responseText;
  }
};
// 发送AJAX请求
xhr.open("GET", "example.com/data", true);
xhr.send();

在上面的示例代码中，首先创建了一个XMLHttpRequest对象，该对象可以发送HTTP请求并接收服务器的响应。然后，通过监听`onreadystatechange`事件，可以在AJAX请求的状态发生变化时执行相应的操作。当`readyState`属性的值为4（请求完成）且`status`属性的值为200（响应成功）时，表示请求成功，我们可以获取服务器返回的数据并更新页面的指定元素（在这个示例中，是id为"result"的元素）的内容。

通过调用`open`方法设置请求的方法（"GET"）和URL，第三个参数为true表示使用异步请求。然后，通过调用`send`方法发送请求。当服务器返回响应时，浏览器会触发`onreadystatechange`事件，我们可以在事件处理函数中处理响应数据。