刷新页面之间的转换

Question

今天我找到了这个网站:http://skainteractive.com/agencia/

当我从一个页面更改为另一个页面时,这是一个简单的URL更改,刷新页面.但问题是,他们设法在我们查看的页面上创建一个好的效果,然后转到新页面.

我看了一下他们的源代码,但我无法知道他们是如何做到的.我知道有一些方法可以做到这一点,但我想知道他们是如何做到的.因为它看起来很好.

这是另一个很好地利用这种效果的例子:http: //www.casadacalcada.com/

他们怎么能这样做？

Answer 1

它们不是在页面之间转换.实际上,您处于同一页面.

他们正在做的是:

• 通过AJAX请求加载HTML.对于第一个站点,HTML嵌入在JSON响应中,以及其他数据.收到响应后,他们会从响应中提取HTML并将其放在当前页面上.

• 他们使用历史记录API看起来好像是通过更改页面的URL并修改浏览器的历史记录来使浏览器跨页面移动,以使后退和前进按钮起作用.