将 url 更改为哈希片段变体

Question

它看起来不像简单的哈希pushState，因为它确实改变了整个url。

没有页面刷新+它通过将其全部切断并将其作为哈希片段再次推送到 url 来完全更改 url。请查看下面的示例。

访问例如网址： http://www.couverts.nl/restaurant/13233 /jo-van-den-bosch/den-bosch

立即更改为： http://www.couverts.nl/# /restaurant/13233/jo-van-den-bosch/den-bosch

有人知道这里使用的技术吗？也许有人可以举一个简单的例子来说明如何实现它。

Answer 1

我也在密切关注这个问题：Apache 重写指令怎么样？一个快速而肮脏的方法是：

RewriteEngine on
RewriteCond %{SCRIPT_FILENAME} -f
RewriteCond %{SCRIPT_FILENAME} -d
RewriteRule ^(.*)$ index.php/#/$1

然后 index.php 读取路径做一些工作并简单地将标头发送到客户端

header('Location: http://www.example.com/#/bla/bla')

这背后的整个想法当然是 AJAX 和前端控制器模式。

PS：我刚刚重写了 Quentin Zervaas 所著《Practical Web 2.0 Applications with PHP》一书中与 Zend_Controller 类相关的第 2 章“将所有请求定向到 index.php”中的一些 Apache 指令...

Answer 2

在不刷新页面的情况下更改 URL 使用了非常新的历史记录 API，主要是 history.replaceState

本杰明·巴勒普顿（Benjamin Balupton）写了非常好的history.js

我也邀请您检查整个规范：http://dev.w3.org/html5/spec/history.html

仅更改 location.hash 是这里的简单部分。