如何使用php / jquery实现持久页面？

Question

您在页面的不同区域加载了一个包含大量ajax内容的display.php页面。 用户在页面内部单击并且ajax内容的某些部分发生更改。现在当一个用户 单击浏览器上的重新加载按钮，它将丢失从ajax请求加载的内容。

如何保留ajax加载的所有信息？非常感谢。

Answer 1

您有两种选择：

• 将信息存储在localStorage（在JavaScript中），
• 在服务器上存储信息，例如。使用服务器会话，

另外还有一种可能性（如适用于您的情况）：

• 使用 pushState和onpopstate 来支持网址更改，而无需向服务器发送请求（或者使用onhashchange解决此问题），

Answer 2

克里斯特说得对。将更改存储在会话变量中，并在$（document）.ready上调用会话变量。 ;）

Answer 3

您也可以使用location hash。 当ajax调用运行时，在位置哈希上写一些东西。因此，当您重新加载页面时，on $(document).ready您可以读取该哈希并使用ajax调用再次加载数据。

这种方法有一点，您可以将url #hash作为与其他人的链接共享。它不依赖于您的session或localStorage。