javascript - 快速加载ajax内容的方法

Question

假设我有包含信息的 json。将信息放在现场的最佳方式是什么？通过js创建元素，例如(这只是我感兴趣的一部分，在ajax调用中) var div=document.creteElement("div"); var text=document.createTextNode("bla"); var img=新图像； img.src=json1.img; img.onload=函数(){ div.appendChild(文本); div.appendChild(img); }或将它们“放入”，例如

body.innerHTML+="<div><p>blabla</p><img src='json1.img'/></div>"`

哪一个更好/更快/更高效，或者有没有更好的方法如何通过ajax将内容放入网站？另外，从服务器加载大量数据的大型网站如何处理这个问题？大量数据需要花费大量时间来加载

Answer 1

好的，我现在明白了。要从 ajax 渲染内容，您有 3 个选择:

1. 使用ajax请求(jquery中的$.ajax或从头开始的xmlhttprequest)加载数据，然后创建元素并插入到DOM中。这个解决方案非常糟糕，因为它无法维护。
2. 使用 ajax 加载数据并使用 JavaScript 模板，例如下划线模板 (_.template) 或 Handlebars ( http://handlebarsjs.com/ )。这是一个非常有用的解决方案。
3. 使用ajax加载数据并使用React JS等非常强大的系统 View 。我喜欢它，它非常直观且易于使用，无需您做大量工作即可获得良好的性能。 “模板系统”非常酷且简单(就像使用html一样)。如果我是你，我会使用 React :) https://facebook.github.io/react/