Javascript 刷新页面后保留搜索值

我有一个带有表单的HTML页面，该表单将值传递给外部PHP页面

<form method="post" action="getContent.php">
    <input type="hidden" name="fromTest" id="fromTest"/>
    <input type="hidden" name="untilTest" id="untilTest"/>
    <input type="hidden" name="latTest" id="latTest"/>
    <input type="hidden" name="longTest" id="longTest"/>
    <input type="hidden" name="search1" id="search1"/>
    <input type="hidden" name="search2" id="search2"/>
    <input type="submit" class="sendAll" value="Gather News!">
</form>

我读过一些关于Cookie的书，但我对这方面非常陌生，我不太了解如何实现这种功能

---

有什么想法吗

浏览器本身无法为您保存值。但在这件事上你还可以使用其他一些技巧

自动完成

方法 在这个方法中，您使用输入字段的属性autocomplete。在其中，浏览器将跟踪该特定字段中的每个输入数据

这是一个例子

<input type="text" autocomplete="on" name="somename" />

第一次它不会给你看任何东西。第二次，它将显示上次提交的值，然后它将显示通过此字段提交的值的列表

localStorage

方法 您可以将值存储在localStorage中（仅支持HTML5的浏览器）

您可以将该值存储在浏览器（客户端）设备中，然后使用JavaScript再次访问它

缓存它 您可以使用缓存服务在浏览器中以缓存的形式存储用户提供给您的数据和值

JavaScript或服务器端语言可用于存储缓存文件

这些是您可以实现的一些方法。自动完成方法是所有方法中最简单的。不过，您也可以使用其他方法。他们将保存您最后的输入，并在您需要时提供给您

---

祝你好运

浏览器本身无法为您保存值。但在这件事上你还可以使用其他一些技巧

自动完成

方法 在这个方法中，您使用输入字段的属性autocomplete。在其中，浏览器将跟踪该特定字段中的每个输入数据

这是一个例子

<input type="text" autocomplete="on" name="somename" />

第一次它不会给你看任何东西。第二次，它将显示上次提交的值，然后它将显示通过此字段提交的值的列表

localStorage

方法 您可以将值存储在localStorage中（仅支持HTML5的浏览器）

您可以将该值存储在浏览器（客户端）设备中，然后使用JavaScript再次访问它

缓存它 您可以使用缓存服务在浏览器中以缓存的形式存储用户提供给您的数据和值

JavaScript或服务器端语言可用于存储缓存文件

这些是您可以实现的一些方法。自动完成方法是所有方法中最简单的。不过，您也可以使用其他方法。他们将保存您最后的输入，并在您需要时提供给您

---

祝你好运

浏览器本身无法为您保存值。但在这件事上你还可以使用其他一些技巧

自动完成

方法 在这个方法中，您使用输入字段的属性autocomplete。在其中，浏览器将跟踪该特定字段中的每个输入数据

这是一个例子

<input type="text" autocomplete="on" name="somename" />

第一次它不会给你看任何东西。第二次，它将显示上次提交的值，然后它将显示通过此字段提交的值的列表

localStorage

方法 您可以将值存储在localStorage中（仅支持HTML5的浏览器）

您可以将该值存储在浏览器（客户端）设备中，然后使用JavaScript再次访问它

缓存它 您可以使用缓存服务在浏览器中以缓存的形式存储用户提供给您的数据和值

JavaScript或服务器端语言可用于存储缓存文件

这些是您可以实现的一些方法。自动完成方法是所有方法中最简单的。不过，您也可以使用其他方法。他们将保存您最后的输入，并在您需要时提供给您

---

祝你好运

浏览器本身无法为您保存值。但在这件事上你还可以使用其他一些技巧

自动完成

方法 在这个方法中，您使用输入字段的属性autocomplete。在其中，浏览器将跟踪该特定字段中的每个输入数据

这是一个例子

<input type="text" autocomplete="on" name="somename" />

第一次它不会给你看任何东西。第二次，它将显示上次提交的值，然后它将显示通过此字段提交的值的列表

localStorage

方法 您可以将值存储在localStorage中（仅支持HTML5的浏览器）

您可以将该值存储在浏览器（客户端）设备中，然后使用JavaScript再次访问它

缓存它 您可以使用缓存服务在浏览器中以缓存的形式存储用户提供给您的数据和值

JavaScript或服务器端语言可用于存储缓存文件

这些是您可以实现的一些方法。自动完成方法是所有方法中最简单的。不过，您也可以使用其他方法。他们将保存您最后的输入，并在您需要时提供给您

---

祝你好运

尝试使用本地存储，如：

localStorage.setItem("searchitem", $("#search2").val());

---

并在刷新时检查是否存在。如果存在，请加载它

尝试使用本地存储，如：

localStorage.setItem("searchitem", $("#search2").val());

---

并在刷新时检查是否存在。如果存在，请加载它

尝试使用本地存储，如：

localStorage.setItem("searchitem", $("#search2").val());

---

并在刷新时检查是否存在。如果存在，请加载它

尝试使用本地存储，如：

localStorage.setItem("searchitem", $("#search2").val());

---

并在刷新时检查是否存在。如果它存在，则加载它

您可以将其作为URL参数（例如www.yoursite.com/something？param1=val¶m2=anotherval…等）并从中取出。事实上，按照你设置表单的方式，应该是这样的