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

标签 javascript ajax

假设我有包含信息的 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将内容放入网站?另外,从服务器加载大量数据的大型网站如何处理这个问题?大量数据需要花费大量时间来加载

最佳答案

好的,我现在明白了。要从 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/

关于javascript - 快速加载ajax内容的方法,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/32597260/

相关文章:

javascript - 使用 AJAX 使 PowerReviews 正确加载

javascript - 带有按钮隐藏和显示的数据表在 angularjs 代码中

javascript - 创建一个表来容纳多个 JavaScript 函数的输出

带有 html 标签的 Javascript Blob 文档以格式保存

javascript - Dynamics CRM 使用 Javascript/HTML Web 资源创建记录时遇到问题

JavaScript 在从服务器获取数据之前正在处理

javascript - 单选按钮在一组中仅选择一个 "YES"和一个 "No"选项

javascript - 如何删除 e.preventDefault() 以允许以下脚本中的 "cut copy paste"

php - 使用PHP导出XML,通过AJAX将其拉入DOM,但xml不可见

jquery - ajax div 重新加载后 datepicker 不会启动