javascript - 我应该使用什么技术将内容加载到动态 div 中？

Question

我有一个有趣的项目，我有一个问题。您可以在下面看到我的 jank 设计的外观:

我计划利用多种技术。给你一个想法:

• node.js(用于各种服务器)
• WebSockets(用于聊天客户端和一些我不想透露的内容)
• Canvas (用于#content的一部分)

现在，考虑到这一点，我可以毫无问题地利用大多数浏览器不支持的技术。不用担心。

对于我的问题，在我上面列出的页面上，我唯一想更改的(除了更新聊天功能之外)是内容。我想将我网站的“主页”、“关于”、“联系方式”和“登录”部分加载到页面的 #content 部分。

现在，我直觉地说实现此目标的最佳方式是通过 AJAX，但我不确定。因为我可能只是用我想显示的 HTML 设置一些文件，然后单击，将它们加载到 #content 部分。

这是最好的使用方法吗？我正在寻找实用性和性能。

很抱歉提出这个奇怪的问题。

谢谢!

Answer 1

如果您想动态加载这些部分，ajax 是唯一的方法。我肯定会检查使用 JavaScript 库来处理为您进行 ajax 调用的内部机制，因为以跨浏览器的方式从头开始编写这部分可能很困难。为此，我强烈推荐 jQuery:http://jquery.com/

我看到你提到了 WebSockets。 WebSockets 可以很好地卸载一些密集的 JS 处理，但它不能用于与 DOM 交互(例如访问 HTML 元素、更改它们的内容、获取表单值等)。