通过ajax包含动态内容的更好方法是什么？

Question

以xml或json格式从（java）后端检索仅数据并使用javascript创建显示元素（即div，span等）并插入数据到他们或是否更好地检索和插入一个完整的“视图”（由后端创建的数据和HTML）？

例如，假设我们有以下列表，当列表项悬停在随后的“div”上时，显示动态数据（见下文）。是否更好地获取数据，然后使用js创建“ul”和“li”元素，然后将数据插入其中，或者更好地获取数据和html组合视图并将其插入到div中？

<ul>
<li>Bob</li>
<li>Tom</li>
<li>Jon</li>
</ul>

<div id="dynamic_content">
<!-- retrieve data/content below -->
<ul>
<li>Bob's info</li>
<li>Hobbies: .....</li>
<li>Education: ....</li>
</ul>    
</div>

Answer 1

看看jQuery .load方法（http://api.jquery.com/load/）在哪里替换你使用的div的HTML：

$('#content').load('/path/to/web_server_returning_html');

或者使用Ajax方法http://api.jquery.com/category/ajax/，您可以检索一些JSON或XML并在其上循环，根据需要创建新的HTML元素。