Как лучше включить динамический контент через ajax?

Question

Рекомендуется ли извлекать только данные из (java) бэкэнда в формате xml или json и использовать javascript для создания элементов отображения (т.е. div, span и т. Д.) И вставлять данные в них или лучше получить и вставить полный «вид» (данные и HTML, созданные бэкэндом)?

Например, допустим, у нас есть следующий список, и когда элемент списка находится над последующим «div», отображаются динамические данные (см. Ниже). Лучше просто получить данные, а затем использовать js для создания элементов «ul» и «li», а затем вставить в них данные или лучше получить комбинированное представление data и 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/), где следует заменить HTML-код div, который вы используете:

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

В качестве альтернативы, используя методы Ajax http://api.jquery.com/category/ajax/, вы можете извлечь какой-нибудь JSON или XML и зациклить его, создавая новые HTML-элементы по мере необходимости.