的Javascript>表單結果「記住」用戶>避免顯示形式兩次

Question

我有一個網站，一個Java腳本的形式，輸出一定的效果-a愚蠢的簡單的數學運算或日期的減法。

我需要這些結果「記住」這次訪問使div和結果 顯示當用戶重新加載頁面。

我該如何做到這一點？這是我第一次面對這樣的情況......

注意：它不是一個登錄的用戶！但不記日誌的訪問..

http://goo.gl/OHQmpb

Answer 1

您可以使用localStorage。

存儲在它的值由specifiying的關鍵：

localStorage.setItem('key','value'); 

而且，您可以通過獲取的價值：

var value = localStorage.getItem('key'); 

Answer 2

HTML5 Web storage你的情況最好的選擇。

準確定義：

那麼，什麼是HTML5存儲？簡單地說，這是一個網頁到 在本地存儲名爲鍵/值對的方式，位於客戶端Web瀏覽器內。 像餅乾，您導航即使從 網站了，關閉瀏覽器選項卡，退出你的瀏覽器，或者你有什麼這個數據仍然存在。 不像餅乾，這個數據絕不會傳送到遠程Web服務器 （除非你走出自己的方式來手動發送）。

使用HTML5，網頁可以在用戶的​​瀏覽器中本地存儲數據。

// Store it in object 
localStorage.setItem("form attributes", "form values"); 
// Retrieve from object 
localStorage.getItem("form attributes"); 

Answer 3

HTML5 Local Storage aka Web Storage可以存儲值而無需維護服務器端會話。看到這個例子：

function calculate(){ 
    return 'some value'; 
} 

window.onload = function(){ 

    // submit handler for the form, store in local storage 
    document.getElementById("myform").onsubmit = function(){ 
     localStorage.setItem('calcResult', calculate()); 
     return false; 
    }; 

    // load the value if present 
    var result = localStorage.getItem('calcResult'); 
    if(result != null){ 
     // show in div 
     document.getElementById("mydiv").innerHTML = result; 
    } 
}