如何在无需重新加载页面的情况下加载页面？

11 浏览
0 Comments

如何在无需重新加载页面的情况下加载页面？

这个问题已经有答案了:

可能是重复问题:

修改URL而不重新加载页面

我知道这个主题有点奇怪。

当我进入http://www.heroku.com/how/relax并点击其他菜单(部署、连接等等)，我会看到浏览器改变了它的URL，但感觉像是Ajax。

这种技术叫什么？

admin 更改状态以发布 2023年5月23日
0

2 答案

0 Comments

很可能使用pushState() API来处理浏览器URL的更改以“伪造”导航。新内容可以预加载或通过AJAX获取。

0
0 Comments

这种技术称为使用JavaScript和DOM来使用fadeIn()和[fadeOut()][2]动画（用于jQuery）更改页面内容。

对于页面位置的更改：

您必须使用HTML5的pushState()方法来更改浏览器历史记录。

window.history.pushState(data, "Title", "/new-url");

文档中说：

pushState()需要三个参数：状态对象、标题（当前被忽略）和（可选的）URL。

最后一个参数是新URL。出于安全原因，您只能更改URL的路径，而不能更改域本身。第二个参数是新状态的描述。第一个参数是您可能想要存储的一些数据，与状态一起。

0