Javascript 克隆li'；什么是AJAX响应？

这是我的页面的一个基本示例：

我的页面上有一个列表：

<ul>
 <li>title 1 <img src="/t1.jpg"></li>
 <li>title 2 <img src="/t2.jpg"></li>
 <li>title 3 <img src="/t3.jpg"></li>
 <li>title 4 <img src="/t4.jpg"></li>
</ul>

标题1
标题2
标题3
标题4

我使用ajax来调用更多的标题

从页面复制HTML并用ajax响应中的数据填充它的最佳方法是什么

在初始加载时，我是否应该克隆并存储一个li的副本（去掉数据），然后克隆它并将其输出到ajax响应的页面

有更好的办法吗

请注意，我不希望将HTML直接写入我的JS。

将您的“可重复”代码放入模板中

<script type="text/template" id="something-makes-sense">
<ul>
 <li>title 1 <img src="/t1.jpg"></li>
 <li>title 2 <img src="/t2.jpg"></li>
 <li>title 3 <img src="/t3.jpg"></li>
 <li>title 4 <img src="/t4.jpg"></li>
</ul>
</script>

看看

如果不想在java脚本中包含html，可以加载html（呈现服务器端）

---

在页面元素中

我通常使用“隐藏”li，不带属性，必要时从中克隆。但是我不确定这是否是一个好的方法谢谢Jarry，我会把它带到船上，任何其他的意见都会很感激，不是对上述问题的直接回答，但这就是模板引擎可以派上用场的地方。用类将中继器绑定到你的

li

，一旦你有了数据，它就会显示出来！

_.template($('#something-makes-sense').html(), {data: data})