Правильная "сборка" Представления с помощью Ajax

[romansky]

Добрый день.
Подскажите пожалуйста - как правильно организовать структуру кода.
Необходимо полученный с сервера JSON массив правильно "распределить" по представлению.
Т.е. суть такая, например (грубо говоря) у нас в базе есть таблица "Задачи".
Поля таблицы: id, name, description.
На данный момент в таблице находится (например) 16 записей.

С помощью аякса мы получаем JSON массив, состоящий из этих элементов (16 штук).
Необходимо эти элементы правильно распределить по представлению.

Что я делаю, и что , как мне кажется, абсолютно неправильно:
Я создаю "фундамент" - это фундамент итоговой html страницы.
Далее пишу JS функцию, которая , имея на вход JSON массив, создает цикл (в данном случае до 16-ти), т.е. получается нечто вроде:

var str = '';
for (var i=0; i<json.length; i++){
str += '<div class="myClasses">';
str += 'Название задачи:' + json[i].name;
str += '</div>';
}
$("#specialId").append(str); //отправляем полученный код в созданный "фундамент"

Т.е. получается, что я 1 раз в цикле описываю представление, и оно формируется 16 раз с нужными данными.

Явный минус такой организации кода в том, что при работе с большим объемом данных код приобретает ужасный вид из-за строковой математики.
Но я не представляю, как сделать лучше.

Подскажите пожалуйста, умные люди.
Спасибо.

[laimas]

Явный минус такой организации кода в том, что при работе с большим объемом данных код приобретает ужасный вид из-за строковой математики.

Если выбросить Далее пишу JS функцию, которая , имея на вход JSON массив, создает цикл (в данном случае до 16-ти), а это можно выбросить без ущерба "представления", то серверному коду придется формировать вывод этих html данных также в цикле. И таким образом и делается, а вам хочется чтобы оно само все сформировалось?

Единственно что можно сделать, это html + [data].join(html) + html, где data, это вложенный массив массива данных (строка из базы), а html, это теги html-элементов, в которые нужно их поместить.

[romansky]

Т.е. нужно написать тоже самое, но на сервере?
И от строковой математики не уйти?
Есть ли какая-нибудь "ключевая" разница - где формировать представление - на сервере или на клиенте?

[laimas]

Т.е. нужно написать тоже самое, но на сервере?

Вот этого я не знаю, вы же пишите об Ajax и json, а какую цель при этом преследуете вам лучше знать, а не мне. А если Ajax, то значит на клиенте, но:

И от строковой математики не уйти?

встречный вопрос - каким образом?

Я могу, и пусть на сервере (тоже самое можно сделать и на клиенте), написать вывод данных описываемых массивом. Если данные, это массив, как можно без цикла получить их? Если знаем, что это 16 элементов, и каждый элемент, это вложенный массив из трех элементов, можно конечно методично прописать явно каждый, без цикла:

echo '<div>' . $a[0][0] . '</div><div>'  . $a[0][1] . '</div><div>' . $a[0][2] . '</div>';
echo '<div>' . $a[1][0] . '</div><div>'  . $a[1][1] . '</div><div>' . $a[1][2] . '</div>';
//и так далее все 16 строк

это по вашему разумнее?

а можно так:

echo implode(array_map(function($v) {
    return '<div>' . implode('</div><div>', $v) . '</div>'; 
}, $array));

И все строки полученные из базы будут обрамлены в html-теги, но что в коде не видно for(...) не означает, что не используется цикла. Да, явно мы его не пишем, но встроенные функции implode и array_map его используют. Иначе никак - массив, это данные в ячейках памяти, доступ к каждому значению, это смещение по адресу, как-то его надо указывать. И если массив большой, то как раз выгоднее это обращение описать посредством цикла, а не длинной портянкой с явными указателями на каждое смещение.

[romansky]

Да , я конечно, все понимаю
Именно поэтому и написал - что не придумал никаких других вариантов)
Просто решил уточнить - вдруг есть что-то чего я не знаю в плане того, как сделать код более организованным.
Мне просто было интересно - как делают все.
Спасибо за ответ