Форум программистов [Powered by Invision Power Board]

Версия для печати темы
Нажмите сюда для просмотра этой темы в оригинальном формате

Форум программистов > JavaScript: Общие вопросы > update DOM tree

Автор: KuZyagroup 3.4.2013, 20:51

Всем привет
Есть сайт, интернет магазин с layered nacigation
при обновлении фильтров, контент подтягивается динамически
структура

Код


<ul id="product_list">
    <li class="item">
        <image/><price/><descr/><button/><maybe_rating/><maybe_some_other_info/>
    </li>
    <!--/.....-->
    <li class="item"><!--/...--></li>
</ul>

Как лучше обновить,
1) грохнуть product_list, вставить новый
2) для каждого item грохать содержимое вставлять новое
3) ваш вариант
----------
вопрос возник потому что разработчик до меня пользовался вторым методом, интересно есть ли в нем плюсы(минусы).
jQuery('#products-list *').length = 410
jQuery('#products-list li').length = 25

Автор: Aliance 4.4.2013, 11:26

Первый подход лучше тем, что скрипту известен только контейнер (куда вставлять) и ответ от сервера (что вставлять). Во втором же случае нужно часть разметки хардкодить в скрипт, что не очень-то круто. Плюс лишние циклы, как я понимаю, будут. Если выбирать из двух - я бы был за первый. Ну а вообще мне не нравится идея перегонять html по ajax (хотя в проекте где я работаю так принято), я бы передавал json и подключил бы какой-нибудь шаблонизатор, типа backbone