如何创建html的不可更改部分,即使浏览器';s的当前URL已更改


How to create unchangeable part of html even though the browser's current urls changed?

我已经搜索了很长时间。但我还不知道它是如何工作的,也不知道如何创建它。我非常认真地想得到它。我是Ajax和JQuery的初学者。我希望在我的网络中创建一个固定的mp3音乐播放器。虽然我有一些代码,知道如何为html5做mp3播放器,但我不知道如何做固定的mp3播放器,当加载另一个页面时,它不会改变播放。你能帮我吗。示例:它就像www.revernation.com和facebook的聊天弹出框一样,仍然处于活动状态,不会刷新其他页面。

当用户在同一浏览器窗口中导航到完全不同的网站时,无法保持mp3播放器的运行。

然而,您可以使用History API+AJAX和DOM操作来保持当前页面的打开,并伪造导航到您自己网站的其他子页面。这个技巧有时被称为pjax

示例实现:https://github.com/defunkt/jquery-pjax

Angular.js执行上一个答案中描述的操作。

您需要做的是将应用程序转换为SPA。

单页应用程序(SPAs)是加载单个HTML的Web应用程序页面,并在用户与应用程序。SPAs使用AJAX和HTML5创建流畅且响应迅速的Web应用程序,而不需要不断地重新加载页面。然而,这意味着很多工作发生在客户端的JavaScript中。

最适合SPA

我建议你用AngularJS。

如果您不想使用其他前端框架

,您仍然可以使用带有Ajax调用的JQuery来完成此操作