带有后退按钮的部分ajax更新

Question

我正在使用Ajax对页面进行部分更新，这是一个购物车，可以在用户向其添加项目时使用Ajax进行更新。问题是，如果用户移动到结账，然后点击back按钮，购物车看起来是空的，因为它是用Ajax更新的。刷新页面使项目再次出现。

有没有办法强制更新后退按钮上的页面？

Answer 1

如果您在ajax应用程序中使用history.pushstate，则可以将卡片的内容保存在全局名称空间的变量中(例如，window.cartItems ={ item1，item2，... })，并在按下后退按钮并再次呈现上一步按钮后，从全局对象中获取项目。

Answer 2

我建议不要改变后退按钮本身的行为。用户希望“后退”按钮带他们返回一个页面，而不是做其他任何事情。

我会建议一种不同的方法。例如，您可以有一段在购物车页面本身上运行的JS。此脚本将从后端获取所有购物车数据。该脚本可以在页面加载时运行一次，从而确保购物车是最新的。