如何实现“历史”后退按钮

Question

我有一个显示客户详细信息的网站 (www.mysite.com/client.php?id=1234)。 此页面可以从网站内的不同位置加载。

我想要一个“返回按钮”到上一页。

我的第一个解决方案是使用<a href="javascript:window.history.back();">back</a>。这通常工作正常。

当然，可以编辑客户的详细信息（通过引导模式）。一旦按下“保存”，数据就会被存储并再次加载客户端的详细信息 (www.mysite.com/client.php?id=1234) 以显示正确的（更新的）数据。现在上述解决方案不再正常工作了，因为“返回按钮”需要按两次才能到达“入口”站点。

问题：

1) JavaScript 解决方案是正确的，还是我必须实现一个服务器端数组来跟踪历史日志（听起来很沉重）？

2) 更新后重新加载网站有什么问题吗？或者在这种情况下我可以阻止客户端历史日志吗？

3) 还有其他想法吗？

感谢您的支持！

提姆

Answer 1

后退按钮通常会将用户带回到上一个 URL。浏览器可能会缓存页面内容并显示过时的数据。您可以告诉浏览器不要缓存特定页面。

<meta http-equiv="Cache-Control" content="no-cache, no-store, must-revalidate" />
<meta http-equiv="Pragma" content="no-cache" />
<meta http-equiv="Expires" content="0" />

此外，如果一个用户正在修改数据而另一个用户只是查看数据，则任何用户特定的解决方案都会失败。每次加载页面时，您都必须强制从服务器获取数据。因此，无缓存标头

更新：

要将用户带回您想要的位置，您可以使用另一个参数指定“返回”目标 URL。例如。

 www.mysite.com/client.php?id=1234&backdestination=list.php%3Fshow%3D123 
 //list.php?show=123

然后，在页面上创建一个按钮/链接并使用来自backdestination的值

更新 2：

您可以检查window.History API，特别是replaceState 方法。从技术上讲，它允许您指定“后退”的位置。 但是，您仍然需要在请求中携带backdestination URL。通过 GET 参数、会话变量或本地存储。

也许您可以通过始终存储最后 X 个 URL 的历史来概括实现。然后，如果您需要修改返回的目的地，请使用某种算法来确定用户来自哪里。例如。将用户带到脚本文件名不是当前文件名的最后一个 URL：

请求历史：

 /list.php
 /list.php?page=2
 /client.php?id=123     // User viewing the client
 /client.php?id=123     // Page reload after POST

现在，如果用户单击返回，则会加载相同的 client.php。但是，您可以创建一个通用脚本，用replaceState() 修改历史对象。

我希望这能给你一些想法。