Yii2 — как работать со страницами без перезагрузки с помощью jQuery?

Question

[Twitt]

Есть вот такой пункт:

Работа с каждой отдельной страницей обязана происходить без её перезагрузки с использованием jQuery

Это получается, я так понимаю, я должен кликнуть по каждой новости, и страница с новостью должна загрузиться с помощью AJAX? Как тогда такого добиться? Я совсем не понял вот этот пункт в задании, хэлп ми плиз

Answer 1

[Максим Федоров]

Это получается, я так понимаю, я должен кликнуть по каждой новости, и страница с новостью должна загрузиться с помощью AJAX?

да

Как тогда такого добиться?

В самом просто случае можно использовать Pjax.

Answer 2

[Максим Тимофеев]

В yii2 есть widget Pjax основанный на плагине pjax для jquery. Он очень просто автоматизирует этот процесс.
Прочтите доки, ссылки я дал и в инете куча гайдов на тему с подробными примерами.

Comments

[Twitt]

Спасибо за наводку, но хотел спросить вот, непонятка такая:
Мне в <?php \yii\widgets\Pjax::begin(); ?> <?php \yii\widgets\Pjax::end(); ?> надо обернуть ссылки на новости, правильно? То есть примерно так:

<?php Pjax::begin(); ?>
<?= Html::a($news->title, ['view', 'id' => $news->id]) ?>
<?php Pjax::end(); ?>

Или совсем холодно?

[Максим Тимофеев]

Igor: нет, обвернуть надо блок, который требуется менять. При этом ссылка может быть тоже внутри. Если она снаружи то надо настраивать linkSelector.
Вот есть гайд, не внятный, но лучше не видел:
https://nix-tips.ru/yii2-vnikaem-v-pjax.html

[Максим Федоров]

Igor: в Pjax нужно оборачивать не только ссылки но и контент который должен заменять без перезагрузки страницы

Answer 3

[mitaichik]

А зачем это надо, что плохого в перезагрузке? Просто звучит так, как будто заказчик вписал это в ТЗ, ибо где-то услышал что это модно, не разбираясь в контексте, потому что требование, имхо, бредовое, и я бы попробовал отговрить заказчика от него.

А по теме - если что-то простое - то может выручить и PJAX. Ну а если писать реальный сложный одностраничник - то без Angular/React не обойтись, на голом jQuery вы далеко не уедете. Но yii уже не при чем - это из области фронтенда, совсем другое...