Javascript - 附加大量HTML内容的最佳方式?

时间:2013-11-28 09:13:40

标签: javascript jquery html ajax xml

要求:

我正在构建一个简单的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数据并将其作为变量附加。

2 个答案:

答案 0 :(得分:1)

我建议使用容器元素,然后执行$('#container').html(ajaxResponseBody),而不是追加。这样,它可以很好地访问,安全地包含,并且易于删除或替换。

答案 1 :(得分:-1)

追加追加追加追加

http://api.jquery.com/after/

我建议使用 insertafter ,这也很好

http://api.jquery.com/insertAfter/

追加也最好用,但一切都取决于您根据您的所有事项的选择要求使用的内容 我希望这能帮助你... ...)