jquery - 如何刷新页面并保持元素不刷新(持久)直到用户单击提交？

Question

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

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

Answer 1

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

存储数据的可行位置是:

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

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