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

Display date with Javascript function while updating URL

本文关键字：函数 显示 日期 Javascript URL 更新      更新时间：2023-09-26

所以我正在用我的Arduino Uno做一些事情，当点击我的Web服务器上的按钮时，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>

您可能希望将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>

相关文章：