顯示日期與更新時的URL功能

所以我正在做我的Arduino Uno的東西，當我的網絡服務器上點擊一個按鈕時，URL會在其末尾附加'？feed'（但仍然是當前頁面）。這對於我的Arduino草圖來說是絕對必要的，因爲這是當它知道旋轉我的伺服器時。顯示日期與更新時的URL功能

ANYWAYS。但是，我想在按鈕下面顯示它被點擊的日期。與此相關的問題是點擊該按鈕時，它顯示分秒的日期，然後重新加載頁面以追加到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>

來源

2015-03-30 Kujo

好像你不得不通過日期爲好，或使用HTML5 URI規範調整在地址欄中的URL沒有導航或刷新頁面。 .. – 2015-03-30 22:23:00

當你點擊按鈕時，你會被髮送到一個新的頁面（即使它是相同的頁面）。所以你的代碼不會運行 – Ibu 2015-03-30 22:23:05

僅供參考：'button'不能在'a'裏面，這是無效的HTML。 – CBroe 2015-03-30 22:24:29

你可能想使用的history.pushState結合AJAX請求。事情是這樣的：

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>

來源

2015-03-30 22:32:44

的答案工作像一個魅力！非常感謝！ – Kujo 2015-03-30 22:36:30

顯示日期與更新時的URL功能

回答

相關問題