首页 > web前端 > js教程 > 如何在不重新加载页面的情况下更改 URL?

如何在不重新加载页面的情况下更改 URL?

Mary-Kate Olsen
发布: 2024-12-21 17:29:10
原创
982 人浏览过

How Can I Change a URL Without Reloading the Page?

在不重新加载页面的情况下修改 URL

问题:

是否可以在不重新加载页面的情况下更改当前页面的 URL触发页面刷新?

目的:

访问并修改URL中域名后面的部分,不包括hash (#).

解决方案:

Window.history.pushState()

现代浏览器支持pushState()方法,它允许您操纵浏览器的历史记录而无需重新加载

实现:

  1. 更新页面内容(例如,通过 AJAX)。
  2. 使用 window 设置 URL 路径.history.pushState() 和所需的urlPath.
function processAjaxData(response, urlPath){
     // ... (update content)

     window.history.pushState({
         "html": response.html,
登录后复制

以上是如何在不重新加载页面的情况下更改 URL?的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:php.cn
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
作者最新文章
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板