Добрый день.
Подскажите пожалуйста - как правильно организовать структуру кода.
Необходимо полученный с сервера 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 раз с нужными данными.
Явный минус такой организации кода в том, что при работе с большим объемом данных код приобретает ужасный вид из-за строковой математики.
Но я не представляю, как сделать лучше.
Подскажите пожалуйста, умные люди.
Спасибо.