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

Question

我正在寻找一种jQuery方法，以便在刷新页面时将页面元素保持在用户的屏幕上。当我刷新页面时它会改变，我丢失了jQuery页面中的内容。

我需要页面持久化。如何刷新页面并保持元素不刷新（持久），直到用户单击提交按钮。怎么办呢？

Answer 1

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

存储数据的可行位置是：

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

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