Javascript>将结果形成为";记住";用户>避免两次展示形式

Javascript > form results to "remember" user > avoid showing form twice

本文关键字：quot gt 两次 记住 结果 Javascript 用户      更新时间：2023-09-26

我在一个网站上有一个java脚本表单，它输出一些结果——一个愚蠢的简单数学运算或日期减法。

我需要这些结果来"记住"这次访问，因此div和结果显示用户重新加载页面的时间。

我怎样才能做到这一点？？这是我第一次面对这样的情况。。。

注意：它不是已登录的用户！！但未记录的访问。。

http://goo.gl/OHQmpb

您可以使用localStorage。

通过指定一个密钥将值存储在其中：

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

并且，您可以通过以下方式获得价值：

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

HTML5Web存储是您的最佳选择。

确切定义：

那么什么是HTML5存储？简单地说，这是网页在客户端web浏览器中本地存储命名的键/值对。与cookie一样，即使在您离开网站，关闭浏览器选项卡，退出浏览器，或者其他什么与cookie不同，此数据从不传输到远程网络服务器(除非您特意手动发送(

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

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

HTML5本地存储(也称为Web存储(可以在不维护服务器端会话的情况下存储值。参见此示例：

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;
    }
}
相关文章：