javascript - 如何在刷新页面后保存用户输入

Question

我有一段代码，用户可以在其中输入一些文本，点击 Post，文本就会显示在页面上，但是当我重新加载它时，文本会丢失。为此我需要 PHP 吗？

$(".form-input").submit(function(e) {
  e.preventDefault();
  var value = $(".div-input").val();
  $("<div class='outputs'>" + value + "</div>").appendTo($(".output"));
});

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<form class="form-input">
  <input class="div-input">
  <button type="submit">Submit</button>
</form>
<div class="output"></div>

Answer 1

您肯定需要一个后端(PHP 或任何其他)。刷新页面后，存储在 javascript 中的值将被清除。因此，发布时您需要将数据保存在后端服务器中，以备日后需要时使用。您可以从服务器检索数据并重新加载页面。如果您不想使用任何后端服务器，您可以考虑将数据存储在 cookie 或浏览器的本地存储中。