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

时间:2018-10-19 10:38:34

标签: javascript jquery html css

我有一些代码,用户可以在其中输入一些文本,然后按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>

1 个答案:

答案 0 :(得分:0)

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