ajax 刷新当前页面-示例代码

Ajax 是一种在网页中实现异步通信的技术，它可以在不刷新整个页面的情况下，通过与服务器的交互，更新页面的部分内容。其中一种常见的应用场景是实现页面的局部刷新。

要实现 Ajax 刷新当前页面，可以通过以下步骤进行：

需要创建一个 XMLHttpRequest 对象，用于与服务器进行通信。可以使用以下代码创建一个 XMLHttpRequest 对象：

var xhr = new XMLHttpRequest();

然后，需要定义一个回调函数，用于处理服务器返回的响应。在这个回调函数中，可以更新页面的内容。以下是一个示例的回调函数：

xhr.onreadystatechange = function() {
  if (xhr.readyState === 4 && xhr.status === 200) {
    // 更新页面的内容
    document.getElementById("content").innerHTML = xhr.responseText;
  }
};

接下来，需要使用 XMLHttpRequest 对象发送一个请求到服务器。可以使用以下代码发送一个 GET 请求：

xhr.open("GET", window.location.href, true);
xhr.send();

在发送请求之后，当服务器返回响应时，回调函数将被触发。在回调函数中，可以根据服务器返回的数据进行相应的处理。在上面的示例中，我们将服务器返回的响应作为页面的内容，更新到了 id 为 "content" 的元素中。

通过以上步骤，我们就可以实现 Ajax 刷新当前页面了。当发送请求并接收到服务器的响应时，页面的内容将会被更新，而不需要刷新整个页面。这样可以提升用户体验，减少不必要的页面刷新。

需要注意的是，上述示例代码中的 URL 使用了 `window.location.href`，这是为了获取当前页面的 URL，以便发送 GET 请求。根据实际需求，你可以根据自己的情况修改 URL。

还可以根据需要使用 POST 请求或其他请求方式，以及传递参数等。以上示例代码仅提供了一个基本的框架，具体的实现方式可以根据实际情况进行调整。