使用JS或PHP,更新浏览器地址栏中的URL - 不用了吗?

时间:2011-06-09 19:33:04

标签: javascript iphone android

在使mobi网站像iPhone应用程序(使用jQuery,JS,PHP)时,我们遇到了一个问题:URL保持不变(www.example.com)我想附加复制粘贴友好的添加到URL的末尾,但我不希望页面重定向或刷新(链接是完全有效的,并登陆特定的个人资料页面,我们有一个谷歌可索引的站点地图。我们只是不想牺牲我们实现的所有酷jQuery动画只是为了拥有可复制的URL ..)

例如,我们可以在www.example.com上找到 当一个人点击ListView中的个人资料链接时,结果会更改为 www.example.com/CategoryName/ListingName/ID 这在我们的网站上完全有效,但更新URL总是将我们直接带到页面,牺牲幻灯片动画模仿从iPhone中的ListViews加载的外观。

有什么想法吗?

3 个答案:

答案 0 :(得分:1)

您可以使用URL的哈希部分:

www.example.com#some_state

然后使用JavaScript解析它(document.location.hash)并更改基于该内容显示的内容。

更改URL的任何其他部分将导致对后端的请求。

答案 1 :(得分:1)

请参阅pushState

确保构建系统,以便在直接点击时实际运行URI。 Progressive enhancement是一件好事。

答案 2 :(得分:0)

您是否尝试过查看HTML的新history API? Github在页面上使用它来浏览项目文件。