如何在不丢失div中现有数据的情况下每隔60秒刷新一次页面？

<script>
  // 使用定时器，每隔60秒触发一次刷新
  setInterval(function() {
    // 使用AJAX技术向服务器发送请求，获取最新数据
    var xhr = new XMLHttpRequest();
    xhr.open("GET", "your_data_source_url", true);
    xhr.onreadystatechange = function() {
      if (xhr.readyState === 4 && xhr.status === 200) {
        // 获取到最新数据后，更新到div中
        document.getElementById("your_div_id").innerHTML = xhr.responseText;
      }
    };
    xhr.send();
  }, 60000);
</script>

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
<script>
  // 使用定时器，每隔60秒触发一次刷新
  setInterval(function() {
    // 使用load方法加载最新数据到div中
    $("#your_div_id").load("your_data_source_url");
  }, 60000);
</script>