gagablik
@gagablik
Начинающий Web разработчик

Как подгрузить разные формы в Blade Laravel?

Пишу шаблон в Blade на Laravel.

На странице присутствует <select> с выбором нескольких значений.
Нужно, при выборе одного из значений, подгружать определённую форму на эту страницу (форма располагается в другом файле blade).


Как это реализовать? Написать обработчик в JS на событие в select и как то подгружать файл с формой на это место?

Только начал изучать blade в Laravel.
наверное это очень просто вопрос, но до этого не реализовывал такое
  • Вопрос задан
  • 513 просмотров
Решения вопроса 1
neuotq
@neuotq
Прокрастинация
Blade в любом случае это рендринг на стороне сервера.
Любые динамические действия это JavaScript(за редким исключением).
Значит далее вы уже решаете каким путём идёте.
Можно идти популярным ныне путём создания компонентов и постройки интерфейса на реактивных фронтэнед фреймворках. При это не значит что нужно переписывать весь код, весь сайт делать SPA и тд. И react и vue, да и angular (и тд) вполне можно использовать и в более меньших масштабах, для небольших интерактивных компонентов. Laravel умеет со многими дружить практически из коробоки, в сети полно инструкций на этот счёт. И этот путь я вам советую.
Второй вариант, более классический. Это решение на jquery (хотя можно и чистым js). Здесь вы можете делать например Ajax запросы к серверу, и там генерировать, в том же blade, часть select, а потом динамически подгружать.
Кстати в Blade сейчас тоже появились компоненты (Laravel 7) советую почитать, возможно будет полезно.
PS кстати на счёт первого подхода, вместе с Laravel 7, недавно вышел Livewire , специально разработанный под Laravel фулстек фреймворк для создание динамических сайтов, советую глянуть. Позволит быстро строить разные штуки, и порог входа ниже и проще React и Vue. В нём больше ориентация на AlpineJS. И в любом случае, после изучения, будет легче потом и Vue и React и изучать если что.
Ответ написан
Комментировать
Пригласить эксперта
Ответы на вопрос 1
dlnsk
@dlnsk
ПК Партнер 01.01 -> ПК Поиск -> IBM PC
1. Vue. Можно вообще ничего не подгружать, а просто сделать динамическую форму, зависящую от select
2. jQuery. Есть даже готовые плагины для создания зависимых форм.
Ответ написан
Комментировать
Ваш ответ на вопрос

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

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