如何构建像facebook聊天栏这样在导航到任何页面时不会重新加载的持久元素？

Posted 2023-02-23

【中文标题】如何构建像facebook聊天栏这样在导航到任何页面时不会重新加载的持久元素？

【英文标题】：How to build persistent element like facebook chatbar which not reload when navigate to any page?

【发布时间】：2012-06-29 07:55:31

【问题描述】：

我开发了一个广播电台小部件（在我的网站上查看）。问题是，我不知道如何让它像http://josephbeeson.com/gwapdemo/gwap.html 一样持久。就像导航到任何页面时不会重新加载的 facebook 聊天栏。我已经尝试寻找演示代码，但仍然不明白。请提供一步一步的教程。我想在我的社交网站http://www.heypy.com 上实现它。

【参考方案1】：

整个页面不会重新加载，新内容只是通过 AJAX 加载并显示在当前文档中。

为了让用户看起来像导航到其他 URL，地址栏内容使用 HTML5 History API 更新。

请给出一步一步的教程。

很高兴为您提供相关的关键字，因此您可以自己进行研究。但这里不会提供私人教程，这不是本站的目的。感谢您的理解。

【讨论】：

我的意思是给一个空演示页面的演示。然后我可以将其更改为我的网络应用程序。

好的，我告诉你这个问题。我看到了演示页面。但是有太多的内容和不需要的 mp3 歌曲。获取基本代码让我很困惑。

您已经获得了关键字 - AJAX、HTML5 History API - 所以现在请自行研究并阅读它们。

不。这不是教程部分。请了解如何收集有关您想在网络上使用的技术的信息。

所以我假设你只是在我付费后教书对吗？你要收多少钱？我会付钱的。