如果用户点击BACK，如何隐藏上一页的bootstrap模式？

Question

我有一个查询大型数据库的网站。生成页面需要一段时间（3-10秒）。这对用户来说没有问题，但是我希望显示友好的消息，而不是仅仅坐在不变的页面前面的用户。所以我做的是展示一个引导模式说＆＃34;请稍等，我们正在加载您的页面＆＃34;当用户点击任何特定链接时。这很好用。模态显示在页面上，当服务器生成新页面时，它将打开，模态明显消失。

问题是当用户导航到另一个链接（再次看到页面上的模态），然后向后移动。现在显示了先前的模态。请参阅下面的概述：

• 页面A：立即加载
• 点击链接到第B页。显示的模式：＆＃34;请等待B＆＃34;。
• 显示的是页面B.
• 点击链接到页面C.显示的模式：＆＃34;请等待C＆＃34;。
• 显示的是Page C.
• 用户点击返回按钮到第B页。最后一个＆＃39;模式＆＃39;页面B显示＆＃34;请等待C＆＃34;模态中的消息，因为它就是它结束的地方。内容已经明确加载（来自浏览器缓存）。

如何解决这个问题？

Answer 1

设置此标题

header("Cache-Control: private, must-revalidate,
    max-age=0, no-store, no-cache, must-revalidate, post-check=0, pre-check=0"
);

另见：How to Defeat the Browser Back Button Cache