Javascript 加载ajax内容的快速方法

假设我有包含信息的json。把信息放在现场的最佳方式是什么。通过jslike创建元素 （这只是我感兴趣的部分，在ajax调用中） var div=文件凭证要素（“div”）； var text=document.createTextNode（“bla”）； var img=新的img； src=json1.img； img.onload=函数（）{ 子目录（文本）； 儿童分部（img）； } 或者像这样把它们放进去

body.innerHTML+=“blabla
”`

---

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

好的，我现在明白了。要从ajax呈现内容，您有3种选择：

使用ajax请求（jquery中的$.ajax或xmlhttprequest从头开始）加载数据，然后创建元素并插入DOM。这个解决方案非常糟糕，因为它无法维护

使用ajax加载数据并使用javascript模板，如下划线模板（u.template）或把手（）。这是一个非常有用的解决方案

使用ajax加载数据，并使用功能强大的系统视图，如React JS。我喜欢它，它非常直观，易于使用，无需您的大量工作即可获得良好的性能。“模板系统”非常酷和简单（就像使用html）。如果我是你，我将使用react:）

---

没关系，随便挑适合你的。第一种方法怎么会不可维护？我的意思是，是什么让其他两种方法更易于维护，因为如果你的应用程序是中型/大型的，你需要使用javascript创建大量html元素，包括它们的属性、值、css类、内联样式等等，将child添加到元素中，…，而代码将非常庞大，维护起来将是一场噩梦。尝试执行步骤1，然后执行步骤2（模板），最后反应js（使用模板jsx），看看哪个选项最舒适、最可维护；）

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