@0348raven

Какие варианты для генерации DOM после getJson (AJAX) самые оптимальные?

В данный момент - jquery 2.2.4 и interpolate.js

Вариантов полно можно на vanila js написать MVC, взять какой-нибудь "хайповый фреймворк" и сделать SPA (или необходимые вставки на странице), можно взять lodash, можно реализовать, чтобы бэкенд сразу отдавал html, можно совсем извратиться и cделать на jquery по типу:

$.getJSON('/url/', function(data){	
	var items = data.items;
	var html = '';
	
	if (items.length !== 0) {
		var html = '';
		$.each(items, function(key, val){
			//вот тут большая вложенность тегов с инфой
		})
	})
});


Что касаемо вложенности тегов и наличии условий внутри - такой вариант не очень, поддержка превратиться в ад.

Про MVC и vanilla js - если реализовывать по этой модели, то получается слишком много appendChild()

SPA в текущем legacy не внедрить "кошерно".

Какие способы самые оптимальные (их может быть полно, я это понимаю) при наличии сложного дерева элементов и условий внутри них?

Как скрыть от пользователя саму структуру html?

Вот здесь схематично накидал.

P.S. Да, я гуглил, но видимо не туда. Хотелось бы иметь представление о правильной работе процесса: шаблонизатор, как скрыть этот шаблон от пользователя, состояния и условия при этом, циклы, добавление className() к элементам и любые полезные советы на эту тему.

Заранее спасибо!
  • Вопрос задан
  • 96 просмотров
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Похожие вопросы