javascript - 保存在浏览器历史记录中的 Ajax 请求

Question

有没有一种简单的方法可以将 ajax 请求保存到浏览器的历史记录中，以便在您使用后退按钮时它会保留 DOM 的最后状态？

twitter 和 digg 等使用 ajax pager 的网站存在可用性缺陷，如果您多次单击下一页，然后单击离开该站点，然后使用后退按钮返回，您将失去在视口(viewport)中的位置，因为 DOM 是恢复到第一个初始请求。

我注意到 safari 在某些网站上发出几个 ajax 请求后实际上保留了 dom。
这是一个例子，Goto http://13gb.com , 点击下一步几次，然后点击一张图片，然后点击你的后退按钮。在 webkit 上它保留了最后的 DOM 状态，但在 gecko 上它没有。

在其他浏览器上复制此功能的最简单方法是什么？

Answer 1

I'm not the first person to tacklethis type of problem. I've drawninspiration and know-how from severalplaces to get this up and running:

The original bookmark/back button fix,as used by Flash developers for alittle while now:

http://robertpenner.com/experiments/backbutton/flashpage.html

I've not actually looked at how theyimplemented their solution but this iswhere I got the idea for replacingRobert Penner's frames with iframes:

http://dojotoolkit.org/intro_to_dojo_io.html#so-about-that-thorny-back-button

Rich Rutter's use of the hash forbookmarking:

http://clagnut.com/sandbox/slideshow.html#5

For this little experiment I've used Harry Fuecks' JPSpan

It's a fantastic framework that makes the methods you define in your server-side PHP classes available to your Javascript via XmlHttpRequest.

It's the simplest way I've come acrossto get started with AJAX. I had theguts of my demo up and running inabout 10 minutes! I'm usingAlgorithm's Timer object:

http://codingforums.com/archive/index.php/t-10531.html

And Scott Andrew's cross-browser eventhandler:http://scottandrew.com/weblog/articles/cbs-events

来源:http://www.contentwithstyle.co.uk/content/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps

对于 jQuery: https://stackoverflow.com/questions/116446/what-is-the-best-back-button-jquery-plugin