导航时如何防止div重新加载
Posted
技术标签:
【中文标题】导航时如何防止div重新加载【英文标题】：How to keep div from reloading while navigating 【发布时间】：2016-02-24 14:21:23 【问题描述】：我的问题很简单，但我还没有找到简单的解决方案。 我希望在其他页面上导航时避免重新加载一个 div 元素。所以这个 div 元素将在同一个位置并且不会刷新，即使当我在我的网页上从一个页面转到另一个页面时也是如此。我在这个 div 中有 Soundcloud 播放器，我想阻止它重新加载。这个想法是让它在浏览其他页面时保持播放同一首歌曲。关键是，其他所有内容都应该能够重新加载，同时保持这个 div 不会重新加载。
如何在实践中做到这一点是我的问题？
【问题讨论】：
【参考方案1】：完成这样的事情的唯一方法是通过 ajax 加载页面，而不是到服务器的完整往返。
【讨论】：
【参考方案2】：如果您重新加载整个页面，那么您将重新加载整个页面并且您无法保留其中的一部分。
您可以：
使用框架（已过时）一次显示两个页面 只显示一页，但使用XMLHttpRequest 从服务器获取新数据，使用 DOM 更改页面内容（仅保留一个 div）并使用 History API（pushState 和朋友）进行映射您使用 JS 对真实 URL 所做的更改（当请求时，会导致服务器加载与您使用客户端 JS 修改创建的页面相同的页面）。
【讨论】：
【参考方案3】：您可能想研究单页应用程序框架，例如 Angular，以帮助您快速建立您正在寻找的那种前端功能
【讨论】：
以上是关于导航时如何防止div重新加载的主要内容，如果未能解决你的问题，请参考以下文章