Javascript—附加大量HTML内容的最佳方式？

要求：

我正在构建一个简单的web应用程序，它要求只有一个页面，并且永远不会重新加载页面。我曾经被告知永远不要验证任何严肃的客户端（javascript），我坚持这一点；我正在使用AJAX和PHP对服务器端的所有内容进行身份验证。只是不会有任何页面重新加载/实际表单提交。通过AJAX将客户端脚本与服务器端PHP链接起来，这一切都是100%动态的。关于这个问题：

如果没有这些要求，我只需在页面重新加载时加入一个PHP包含

我的问题：

在用户成功登录后，向文档添加大量HTML的最佳方式是什么

.append（）（Jquery）是一种足够公平的方法，但我想知道是否有更有效的方法，可以让我加载到这个应用程序的主体中，而不必将它塞进.append（[这里的所有html]）

备选方案？

• 也许我可以用javascript/AJAX加载一个包含HTML数据的XML文件，而不是将页面的整个HTML主体结构放入脚本中

• 也许我可以用javascript抓取一个简单的HTML或文本文件，并以这种方式附加数据

---

任何允许开发人员保持脚本干净的方法都非常有用。即使在添加一个简单的、小型的html模块（例如web应用程序中的消息元素）时，将所有这些html放在javascript中也会让人觉得凌乱和不专业。我更希望能够从单独的文件中调用HTML数据并将其作为变量附加

尤其是在之后追加和在之前追加的类型

我建议使用insertafter，这也很好

追加也是最适合使用的，但这完全取决于您根据选择的需求想要使用什么

---

我希望这将有助于您理解……：）

我建议使用容器元素，然后执行

$（“#container'）.html（ajaxResponseBody）

，而不是追加。通过这种方式，它可以很好地访问、安全地包含并易于删除或替换。

您是否考虑过使用主干网或Ember.js之类的工具？您可以轻松地设置一个Ember.js模板，并使用AJAX响应填充/更新它。这可能是一种更有条理的做事方式。例如，在我的一个项目中，我使用ember.js沿side socket.io实时填充/更新模板；我现在正在查那个图书馆。现在这个效果好多了。我会在几分钟内接受这个，谢谢。但是如果IE浏览器中的响应是大DOM，则需要时间。我在IE9和IE11中特别遇到了这个问题。@请添加评论