Нормально ли грузить HTML по AJAX?

Question

[Mors Clamor]

Здравствуйте! Есть сайт, на нем есть система постов, при загрузке страницы с постами они загружаются статически, то есть их формирует PHP, у меня реализована такая вещь, что при нажатии на кнопку "запостить" пост сразу появляется в этом списке, для этого я храню его html шаблон, и динамически его добавляю наверх списка. Таких штук, для которых нужны были бы шаблоны может быть очень много и всех их хранить в том же файле что и основную страницу мне кажется неверным. Использую yii2, есть мысль раскидать всё это по виджетам, но как быть с динамическим добавлением? Пересылать html?

Answer 1

[McBernar]

Может, пришло то самое время, когда нужно полностью разделить фронт и бек и связать их через api?

Кажется, ваш подход вполне норм, хоть и странноватый. Вы можете уменьшить время получения шаблона, если просто положите его отдельным файлом в вашей структуре файлов проекта и будете получать его гетом напрямую, в обход рендера через yii.

Но блин, этот замес из монолита и js-рендера вас утомит.

Comments

[Mors Clamor]

Вот, а мне интересно как всё это сделать "красиво и правильно", чтобы backand-черныйящик работал в связке с frontend. Может стоит освоить Vue или React?

[McBernar]

66demon666, да, это прекрасная идея. На фронте реакт/вью, на беке апишка yii/laravel

Главное понять целесообразность этого занятия. Если вам предстоит еще много работы с проектом, тогда это имеет смысл.

[Mors Clamor]

McBernar, это сайт который я развиваю по мере развития навыков и планирую его возможно взять на диплом через месяц-другой, так что наверное вы правы, спасибо)

Answer 2

[Максим]

1. Попробуйте использовать js framework, например, vue. Таких мелочей при вашем подходе может всплыть масса. И, как уже вам советовали, стоит подумать о разделении проекта на front и back. Либо внедрить vue в yii2.
2. Если же это вам не нужно и вы хотите идти своим путём можно в контроллере сделать примерно так:

if (Yii::$app->request->isAjax) {
            return $this->renderPartial('_list', [
                'dataProvider' => $dataProvider,
                'checker' => $this->checker
            ]);
        } else {
            return $this->render('index', [
                'searchModel' => $searchModel,
                'dataProvider' => $dataProvider,
                'checker' => $this->checker,
                'futureCount' => $futureCount,
                'pastCount' => $pastCount,
                'myCount' => $myCount,
            ]);
        }

index.php

<div class="box-body">
            <div id="search-content">
                <?= $this->render('_list', [
                    'dataProvider' => $dataProvider,
                    'checker' => $checker
                ]) ?>
            </div>
        </div>

Таким образом, там, где идет загрузка от yii2 - там выводится index.php в котором рендерится_list.php, там где вы обновляете страницу без перезагрузки контроллер вам выдаст только структуру в _list.php. После добавлении записи - просто перезагружаете страницу ajax.

Answer 3

[Владимир Коротенко]

Что не так?
например в ASPX используется такая технология, шлют куски html при перерисовке страницы. Другой вопрос в том что это усложняет ваш код.

В общем не надо фанатизма.

Comments

[Mors Clamor]

Сейчас я использую способ вроде "загрузил данные по api, на их основе сформировал кусок html, вставил куда надо". Просто слышал что это сильно грузит канал

[Владимир Коротенко]

66demon666, Слышал и увидел в профайлере 2 большие разницы. Делайте тесты, смотрите на размеры и уже после оптимизируйте.

Answer 4

[Антон Шаманов]

это противоречит принципу отделения данных от представления.