javascript - 更新 URL 时使用 Javascript 函数显示日期

Question

所以我正在用我的 Arduino Uno 做一些事情，当点击我的网络服务器上的按钮时，URL 会在其末尾附加“？feed”(但仍然是相同的当前页面)。这对于我的 Arduino 草图来说是绝对必要的，因为这是它知道旋转我的伺服系统的时候。

无论如何。但是，我希望在按钮下方显示单击的日期。这样做的问题是，当单击该按钮时，它会瞬间显示日期，然后重新加载页面以附加到 URL。

HTML 和 Javascript(抱歉，如果比较马虎):

<a href="?feed"><button onclick="displayDate()">FEED ME!</button></a>

<script>
function displayDate() {
    document.getElementById("demo").innerHTML = Date();
}
</script>

<p id="demo"></p>

Answer 1

您可能希望将 AJAX 请求与 history.pushState 组合使用。像这样的事情:

window.onload = function() {
  document.getElementsByClassName('feed')[0].onclick = function() {
    document.getElementById("demo").innerHTML = Date();
    var req = new XMLHttpRequest();
    req.open('GET', '?feed', true);
    req.send(null);
    window.history.pushState(null, null, '?feed');
  };
};

<button class="feed">FEED ME!</button>
<p id="demo"></p>