javascript - 使用 jquery 或 javascript 重新加载页面时如何将文本保存在文本区域中

Question

这个问题已经有答案了:

How to reload current page without losing any form data? (14 个回答)

已关闭 6 年前。

我对代码有点陌生，我正在 http://codepen.io/ 创建日历。我有一个文本区域，可以在其中记下本月的事件。当我单击按钮时，我将文本区域保存到变量中。但我想保存该文本区域数据，因此当我重新加载页面时，文本区域中的数据将被保存。我遇到过一些人使用 cookie 来存储数据，但当谈到使用 cookie 时我却迷失了方向。有办法保存这些数据吗？到目前为止我的代码如下所示:

<div class="dropdownevent" id="myDropdown">
<p><textarea id="myTextArea" rows="6"></textarea></p><button   
class="buttonsave btn btn-default" id="save">Save Events</button>
</div><!--End dropdownevent-->

$("#save").click(function() {
var saveText = $("textarea#myTextArea").val();

document.getElementById("myTextArea").innerHTML = saveText;

/*alert(saveText);*/
});

如果可能的话，我只想使用 jquery 和 javascript。我想在重新加载时保存文本区域中的数据，但不知道如何做到这一点。

Answer 1

一种方法是使用 localStorage。

您可以像使用对象一样使用它:

localStorage.value=yourValue;

您将在浏览器存储中保存该值。

然后您就可以在页面加载时使用它，并获取存储在其中的值。

// Store
localStorage.lastname = "Smith";
// Retrieve
document.getElementById("result").innerHTML = localStorage.lastname;

您可以阅读有关 localStorage 的更多信息 HERE