popstate / pushstate的限制以及自动运行的AJAX

时间:2012-09-08 05:07:03

标签: javascript html ajax html5 url

从我收集的内容中,只要您点击某个活动,popstate / pushstate就会实际更改网址。在下面的示例页面中,每当您单击导航栏中的链接时,都会调用ajax并更改URL。但是,如果我要复制更改的网址并将其输入为网址,则会将我发送到网站的主页。用户是否可以转到更改后的URL并自动调用与更改的URL地址相关的ajax?如果是这样,我需要寻找什么功能?

网站演示主页: http://html5.gingerhost.com/

更改的网站地址仍然通向主页,而不是“伦敦”部分 http://html5.gingerhost.com/london

编辑:我发现这个有用的链接,但有没有其他有用的教程或建议? http://fortuito.us/diveintohtml5/examples/history/pepper.html

3 个答案:

答案 0 :(得分:0)

以backbone.js为例。 http://backbonejs.org

鉴于您的服务器必须知道如何响应所有网址,在DOM加载时的最基本实现中,您将需要解析网址以确定您在应用中的位置以了解要触发的AJAX调用以及要加载的视图等。你可以在不使用backbone.js之类的框架的情况下实现这一目标,但我强烈建议你查看它。

答案 1 :(得分:0)

我发现答案是肯定的。使用PJAX等程序会自动为您完成。

答案 2 :(得分:0)

好吧,如果有用的话,请再次:如果你想轻松实现这种导航,

您可以使用https://github.com/binarymind/jquery-navigate

测试一下,只需在jquery脚本之后添加你的头:

<script type="text/javascript" src="https://raw.github.com/binarymind/jquery-navigate/master/navigate.js" ></script>

刚刚阅读了github中的doc并且毫不犹豫地问我是否有任何问题,很乐意帮忙