通過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元素。