在不刷新页面的情况下更改Laravel布局的内容视图

我已经搜索了一个小时如何在不刷新网站（页面布局）的情况下在我的Laravel网站中进行nagivate，但我找不到合适的解决方案：不仅加载HTML，而且实际替换布局中的内容视图

这是我当前的仪表板：

因此，当单击蓝色区域内的菜单项时，我希望红色内容区域在不刷新页面的情况下更改。对此，什么是可扩展的解决方案？我正在尽可能地遵循干燥（不要重复）原则

---

哦，请不要将此主题标记为其他主题的克隆，因为我看到了大多数主题，但没有适当的解决方案。希望任何人都能帮助我。

我相信你可以通过使用jQuery函数来完成这项工作-

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

---

你看起来像吗

用户名：9999999999 通过：test@test

这仅仅是为了演示的目的。如果你想要类似的东西，那么你需要通过前端技术和laravel一起工作，比如：Vue/Angular/React

---

如果您在学习或使用这些技术时遇到任何问题，请告诉我，我将为您提供适当的链接和指南。

在不加载页面的情况下更改视图意味着我们需要使用ajax技术。Vuejs是一个前端框架，它使我们能够轻松地利用其axios库完成这项工作

您可能希望使用laravel作为vue的入口点，而不是使用blade（除了vue索引）。此外，您可能想通过谷歌搜索

laravel vue spa

laravel作为vue.js的入口点与在常规laravel环境中使用vue.js有什么区别？

vue

在客户端呈现，不会刷新站点，

laravel

总是需要重新加载页面，因此，基本上，仅使用laravel无法满足您的要求，您需要一个第三方库（如Vue）来处理此问题谢谢您的回复。据我所知，这只是加载html。哇，你好2008@Derek哈，只是好奇。

hello 2008

意味着什么？@Sphinx在NPM问世之前，这是一种流行的设计模式，对于一些人来说，它可以模拟一个单页应用程序，而无需太多刷新。这正是我想要的，使用Vue.js。现在我有两个链接，它们正在更改id为#app的div的内容，这些链接都可以在不刷新的情况下工作，但都是通过app.vue文件加载的，而不是在我的布局视图中。你愿意帮助我使用teamview吗？@jacko我想，你需要阅读本教程，以便了解它的工作原理。[链接]（）如果您发现除此之外的任何问题，请随时与我联系：）我认为这不是正确的教程。我希望我的应用程序是在Laravel中构建的，而不是在Vue.js中。我只想让vue.js在我的仪表板上导航。我真的很感谢你的帮助。@jacko我会帮助你：）我尊重你的好奇心，并会在teamviewer上与你联系