网站伪静态ajax-示例代码

网站伪静态是一种通过URL重写的方式，将动态生成的网页URL转换为静态的URL，以提高网站的访问速度和搜索引擎优化。在伪静态的基础上，结合Ajax技术，可以实现无刷新加载内容的效果。

示例代码如下：

// 使用Ajax获取数据并更新页面内容
function loadData() {
  var xhr = new XMLHttpRequest();
  xhr.onreadystatechange = function() {
    if (xhr.readyState === 4 && xhr.status === 200) {
      var data = JSON.parse(xhr.responseText);
      // 根据数据更新页面内容
      document.getElementById("content").innerHTML = data.content;
    }
  };
  xhr.open("GET", "/api/data", true);
  xhr.send();
}
// 监听页面加载完成事件
document.addEventListener("DOMContentLoaded", function() {
  // 初始加载数据
  loadData();
  // 监听按钮点击事件，重新加载数据
  document.getElementById("refreshBtn").addEventListener("click", function() {
    loadData();
  });
});

上述代码通过Ajax技术向服务器发送GET请求，获取数据并更新页面内容。其中，`loadData`函数封装了Ajax请求的过程，通过XMLHttpRequest对象发送GET请求，获取服务器返回的数据。当请求成功后，通过解析返回的JSON数据，将内容更新到页面中的指定元素上。

在页面加载完成后，通过监听按钮的点击事件，可以手动触发重新加载数据的操作。通过这种方式，可以实现在不刷新整个页面的情况下，更新页面内容的效果。这样就可以提升用户体验，减少不必要的网络请求，提高网站的性能。