时间戳

首页 > 解决方案 > 刷新页面后如何保存用户输入

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

问题描述

我有代码，用户输入一些文本，点击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>

标签： javascriptjqueryhtmlcss

解决方案

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

推荐阅读