快速加载ajax内容的方法

时间:2015-09-15 23:23:50

标签: javascript ajax

假设我有包含信息的json。什么是将信息放在网站上的最佳方式。通过js创建元素 (这只是我感兴趣的一部分,在ajax调用中)     var div = document.creteElement(" div");     var text = document.createTextNode(" bla");     var img = new Img;     img.src = json1.img;     img.onload =函数(){       div.appendChild(文本);       div.appendChild(IMG);     } 或者把它们放在"像

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

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

1 个答案:

答案 0 :(得分:2)

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

  1. 使用ajax请求加载数据(jquery中的$ .ajax或从头开始的xmlhttprequest),然后创建元素并插入DOM。这个解决方案非常糟糕,因为它不可维护。
  2. 使用ajax加载数据并使用诸如Underscore模板(_.template)或Handlebars(http://handlebarsjs.com/)之类的javascript模板。这是一个非常有用的解决方案。
  3. 使用ajax加载数据并使用非常强大的系统视图,如React JS。我喜欢它,它非常直观,易于使用,无需你做很多工作就能获得良好的性能。 “模板系统”非常酷且容易(比如使用html)。如果我是你,我会用反应:) https://facebook.github.io/react/