按回车键或页面刷新后在页面后保留 jquery 值答案

【问题标题】：keep jquery value after page after press enter key or page refresh按回车键或页面刷新后在页面后保留 jquery 值
【发布时间】：2017-05-22 07:45:46
【问题描述】：

我想在按下回车键或刷新不重新加载后为输入框值保留一个 jquery 值。当单击按钮然后设置输入框的值但是当页面刷新或按回车键然后输入框值擦除。我使用了 localStorage，但它不适合我。

这是我的 html 代码....

<button id="read">set value</button>
<input type="text" id="value">

这是我的 jquery .....

$(function(){
       $('#read').on('click', function () {
           var someVarName = "value";
           localStorage.setItem("someVarName", someVarName);
           var someVarName = localStorage.getItem("someVarName");
           $('#value').val(someVarName)
       })
    });

【问题讨论】：

控制台有错误吗？\
您是否重定向到同一个域？或者重定向发生在不同的网站上
而不是“someVarName”您能否提及您在页面中使用的正确变量名称。这可能是问题的可能性。

标签： javascript jquery local-storage

【解决方案1】：

下面是工作代码。

<html>
<head>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<script type='text/javascript'>
$(document).ready(function(){
        $('#read').on('click', function () {
           var someVarName = "value";
           localStorage.setItem("someVarName", someVarName);
           var someVarName = localStorage.getItem("someVarName");
           $('#value').val(someVarName)
       });
});
</script>
</head>
<body>
<button id="read">set value</button>
<input type="text" id="value">
</body>
</html>

【讨论】：

第二次刷新/发出新请求时如何删除它？