javascript - 使用后退按钮进行部分 Ajax 更新

Question

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

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

Answer 1

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