请教浏览器如何在 history 中保留更新后的 DOM 状态！

[FinalAir]

如题。

使用情景如下：在一个页面中(a.html )，存在大量的不刷新 ajax 数据更新操作，每一次的 ajax 之后页面显示和 dom 结构发生变化。跳转到两一个页面（ b.html ）处理相关操作之后，通过 history.back ()返回到 a.html 页面。

需求如下：在通过 history.back ()返回之后，看到的 a.html 页面的显示和结构希望是完成最后一次 ajax 更新之后的情景，而不是初次进入 a.html 的情况。

尝试使用 history.pushState ()和 history.replaceState ()，依然无法达到需求预期。

[napsterwu]

这不就是 ajax 的短板么

[loading]

也许你还需要配合 localstorage

[ffffwh]

"大量的不刷新 ajax 数据更新操作"大量是多少？
一般我是重新请求&重做一遍 dom

[FinalAir]

@loading
@ffffwh
你们的意思是， ajax 之后 localstorage 状态变量，当页面刷新，前进或者后退时，根据状态变量，重做 dom ？

[FinalAir]

@ffffwh 大量大概是十几次的 ajax 通信吧，但我只需要保存最后一次更新的页面或 dom 结构。

[69]

分兩種情況：

一、重新打開頁面之後，通過 AJAX 獲取的狀態（例如用戶信息、列表數據等）要更新到最新數據；
二、重新打開頁面的時候，只要展示關閉頁面之前的數據即可；

如果是一：對每個 AJAX 操作做一個記錄，下次打開的重新執行這些操作；
如果是二：整個頁面的 DOM 結果保存到 localstorage 中，下次打開的時候直接讀取替換當前 DOM ；

[sneezry]

hash 记状态

[ChefIsAwesome]

一，跳 b 也走 ajax ，然后 history 或者 hash 改 URL ， a 的状态就保留了。
二， a 的 ajax 是响应某个状态的， hash 或者 cookie ， local storage 等等。进页面的时候先读那个状态。用户的操作也是改变那个状态。

[FrankFang128]

每次刷微博 /推特都会想到楼主这个问题。

他们都没解决，楼主。。。

[FrankFang128]

新页面打开不就好了 ，哈哈

[dong3580]

1. localstorage 缓存对象；
2. 用 angularjs 的$scope 记下对象，无需使用 history 保存 dom 状态，直接更新状态；
3. 跳第二个页面的时候后端异步处理，返回处理后的 key ，带到返回页面请求结果。

[FinalAir]

@69
@ChefIsAwesome
@dong3580
思路已清晰，感谢已发，谢谢。