Изменить вид содержимого макета Laravel без обновления страницы

Question

Я час искал способ нагибации на своем веб-сайте Laravel без обновления веб-сайта (макет страницы), но я не смог найти правильного решения: такое, которое не просто загружает HTML, но фактически заменяет просмотр содержимого в макете.

Это моя текущая панель:

Таким образом, при нажатии на элемент меню в синей области, я хочу, чтобы красная область содержимого изменялась без обновления страницы. Что будет масштабируемым решением для этого? Я стараюсь максимально следовать принципу СУХОЙ (не повторяйся).

О, пожалуйста, не отмечайте эту тему как клон других тем, как я видел большинство из них, но без надлежащего решения. Надеюсь, что кто-нибудь может мне помочь.

Answer 1

Ты выглядишь примерно так?

Пожалуйста, проверьте эту ссылку

имя пользователя: 9999999999 пройти: тест @ тест

Это просто для демонстрационной цели. Если вы хотите что-то подобное, то вам нужно будет работать с технологиями Frontend вместе с laravel, например: Vue / Angular / React.

Если у вас возникли проблемы с обучением или использованием этих технологий, дайте мне знать, я помогу вам с соответствующими ссылками и руководством.

Answer 2

Изменение вида без загрузки страницы означает, что нам нужно использовать технологию ajax. Vuejs - это фреймворк для внешнего интерфейса, который позволяет нам легко реализовать это с помощью библиотеки axios

Answer 3

Я полагаю, что вы можете сделать это с помощью функции jQuery load -

$(function () {
    $("#menu_option_a").on("click", function () {
        $("#dashboard").load("View1.html");
    });
    $("#menu_option_b").on("click", function () {
        $("#dashboard").load("View2.html");
    });
});