在Chrome中重新加载页面时如何防止表单输入重置？

Question

我正在构建一个Web应用程序，该应用程序可能会（偶尔）重新加载页面，以便使用表达式语言来更新页面上显示的某些信息。 在Firefox中，一切正常，但是在Chrome中，每次重新加载页面时，输入字段中的所有内容都会丢失，并且表单将重置为空白。 对于用户来说，这太烦人了，用户必须再次键入所有丢失的内容。 有什么方法可以在Chrome中复制与使用纯HTML的Firefox相同的行为，还是必须使用某些Javascript？ 提前致谢。

Answer 1

可以说这是您的代码：

<form id="formId" action="" method="post">
    <input type="hidden" id="hiddenAction" name="hiddenAction" value="" />
    <input type="text" id="firstName" name="firstName" value="" />
</form>

如果您使用的是表格，只需使用JavaScript提交表格即可，而无需刷新页面。

如果您看到我在表格的开头添加了一个hidden input 。 用于跟踪提交动作

$("#formId #hiddenAction").val("refreshed") ;
$("#formId").submit() ;

然后在页面开头的php中输入以下内容：

<?php
    $firstName = "" ;
    if (isset($_POST["hiddenAction"]) && $_POST["hiddenAction"] == "refreshed") { //When the hidden action is set to "refreshed" then we know that this is coming from refreshing the page
        $firstName = isset($_POST["firstName"]) ? $_POST["firstName"] : "" ; //Of course you have to escape the string and strip it from any pure html tags
    }
?>

然后在您的<html>代码中，分别更改所有输入标签及其相关值以匹配以下内容：

<input type="text" id="firstName" name="firstName" value="<?php echo $firstName ?>" />

Answer 2

您必须使用一些小Javascript ..

例如将数据保存在Cookie /本地存储等中...