Javascript>形成结果"记住"用户>避免两次出示表格

时间:2014-04-30 12:45:52

标签: javascript

我在网站上有一个java脚本表单,它输出一些结果 - 一个简单的数学运算或减去日期。

我需要这些结果来“记住”访问所以div和结果 显示用户重新加载页面的时间。

我怎样才能做到这一点?这是我第一次遇到这样的情况......

注意:它不是登录用户!!但是没有登录的访问..

http://goo.gl/OHQmpb

3 个答案:

答案 0 :(得分:0)

您可以使用localStorage

通过指定密钥将值存储在其中:

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

而且,你可以通过以下方式获得价值:

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

答案 1 :(得分:0)

HTML5 Web storage是您的最佳选择。

确切的定义:

  

那么什么是HTML5存储?简而言之,这是网页的一种方式   在客户端Web浏览器中本地存储命名键/值对。   像cookies一样,即使你离开了这些数据,这些数据仍然存在   网站,关闭浏览器标签页,退出浏览器或您拥有的内容。   与Cookie不同,此数据永远不会传输到远程网络   服务器(除非你不想手动发送它)。

使用HTML5,网页可以在用户的​​浏览器中本地存储数据。

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

答案 2 :(得分:0)

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;
    }
}