Jquery/javascript 检测和捕获页面刷新事件？

Question

我有一个 AJAX 页面，但我也向用户提供了一个查询字符串，以便他/她可以在 url 中输入查询字符串以再次查看同一页面。 （想想谷歌地图及其“共享链接”功能）。

当 AJAX 请求发生时，我会更新呈现给用户的查询字符串，但实际 URL 不会改变。问题是，如果用户刷新页面，所有从 AJAX 创建的 DOM 元素都会消失。

我想要做的是让 javascript 捕获刷新事件，而不是刷新页面，而是将用户重定向到页面和查询字符串。

即如果查询字符串是：?data=blah&stuff=bleh

那么不是将页面刷新回www.example.com，而是将用户引导至www.example.com/?data=blah&stuff=bleh

Answer 1

您无法更改查询字符串...没有浏览器实际离开页面并获取新页面（有点扼杀 AJAX 的意义）。

你可以去哈希，像这样：www.example.com/#data=blah&stuff=bleh

在你的脚本中设置window.location.hash，例如：

window.location.hash = "data=blah$stuff=bleh";

当您的页面加载时，您需要实际使用哈希...例如：使用它作为数据参数来执行您之前进行的相同 AJAX 调用。