如何刷新页面并保持元素不刷新（持久），直到用户单击提交？

Question

我正在寻找一种 jQuery 方法来保持页面元素在用户屏幕上的持久性，同时刷新页面。当我刷新页面并丢失 jQuery 页面中的内容时，它会发生变化。

我需要页面是持久的。如何刷新页面并保持元素不刷新（持久），直到用户单击提交按钮。如何做到这一点？

Answer 1

由于刷新整个页面正在加载一个全新的页面，因此您可以保留到目前为止输入页面的数据的唯一方法是在刷新之前将其保存到某个存储位置，然后在加载新页面时，你从存储位置读回它。

存储数据的可行位置是：

1. Cookie。
2. 使用 ajax 调用（如自动保存）从服务器存储，然后通过 ajax 检索或让服务器在刷新时将保存的值放回表单中。
3. 存储在 HTML5 网络存储中（仅适用于较新的浏览器）。
4. 存储在另一个未刷新的窗口或框架（来自同一域）中。

另一种可能性是避免刷新页面。您没有说为什么要首先刷新页面，但这只是为了更新页面中的某些内容，然后您可以使用ajax获取更新的内容并使用jQuery将新内容放入页面并完全避免刷新。这样做，页面中的现有数据将保持不变。