微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

Jquery / javascript检测并捕获页面刷新事件?

我有一个AJAXed页面,但我还向用户提供了一个查询字符串,以便他/她可以在URL中输入查询字符串以再次查看同一页面. (想想谷歌地图及其“分享链接功能).

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

我想要做的是让javascript捕获刷新事件,而不是刷新页面,将用户重定向页面加上查询字符串.

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

然后刷新将引导用户访问www.example.com/?data=blah\u0026amp;stuff=bleh而不是刷新页面回到www.example.com

解决方法:

你不能改变查询字符串…没有浏览器实际离开页面获取一个新的(有点杀死AJAX点).

你可以去哈希,比如:www.example.com/#data=blah\u0026amp;stuff=bleh

在你的脚本中只需设置window.location.hash,例如:

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

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

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。

相关推荐