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

Question

仅从(java)后端以 xml 或 json 格式检索数据并使用 javascript 创建显示元素(即 div、span 等)并将数据插入其中是更好的做法，还是检索并插入完整的“ View ”(后端创建的数据和 html)更好？

例如，假设我们有以下列表，当列表项悬停在后续“div”上时，会显示动态数据(见下文)。是直接获取数据，然后使用js创建“ul”和“li”元素，然后将数据插入其中更好，还是获取数据和html组合 View 并将其插入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 元素。