Ситуация такая:
Допустим есть какая-то информация, которую хочется грузить
динамически. Пусть это - футболка, со своим называнием, цветом, ценой и т. д.
Теперь два варианта:
1) Грузить
HTML код вместе с инфой.
Где с сервера возвратиться примерно такой текст:
<div class="t-short">
<div class="name" >Cool T-Short</div>
<div class="price">1000</div>
<div class="color">Red</div>
</div>
2) Или получать
JSON
Где вернётся:
{name:"Cool T-Short", price: 1000, color: "Red"}
Всё это распарсить и создать теги через
JS
Очевидно второй вариант быстрее работает (и меньше напрягает сервер).
Мы получаем мало байт, а
JS сделает всё за миг (меньше 1 мл. сек)
Но есть некоторые недостатки, а именно, JavaScript управляет структурой документа, и очень сильно её меняет.
Если нужно будет дописать куда-нибудь класс или как-то изменить структуру, придётся лезть в скрипт.
Удобнее тут первый, но очень ли тяжело будет поддерживать, если использовать второй вариант?
Какой же вариант лучше?