Javascript 单击Laravel中的按钮即可动态加载分区内的内容

我正在尝试使用laravel创建一个应用程序，我在理解如何根据从菜单栏单击的按钮将内容动态加载到分区中时遇到了一些困难

我在主页上有一个顶部导航栏、侧边导航栏和一个主要内容部分

我想根据从侧导航栏中选择的选项更改主要内容，但我无法找到解决方案

 @extends('layouts.app')
 @section('title',  '| Homepage')

 @section('content')
  <div id="wrapper" class="active">

      <!-- Sidebar -->
            <!-- Sidebar -->
      <div id="sidebar-wrapper">
          <ul id="sidebar_menu" class="sidebar-nav">
               <li class="sidebar-brand">menu</li>
          </ul>
            @include('includes.sidebar')
      </div>

      <!-- Page content -->
      <div id="page-content-wrapper">
        <!-- Keep all page content within the page-content inset div! -->
        <div class="page-content inset">
          <div class="row">
            <!--this part will change-->
          </div>
        </div>
      </div>
      </div>
@endsection

@extends（'layouts.app'））
@章节（“标题”、“主页”）
@节（“内容”）

菜单

@include（'includes.sidebar'）
@端部

这是home.blade.php。我已经创造了它的布局和部分的概念拉威尔。我想在用户通过单击侧边栏请求时在主内容区域加载表单

---

有谁能帮我做一下吗？

当按钮被点击时，您可以使用按钮的

onclick

事件来调用函数

但首先必须为动态div内容定义路由和视图。 所以

在

resources/views

文件夹中创建一个视图，如

main\u content.blade.php

并将代码放在主要内容中

在

routes/web.php

中创建一个路由，它将呈现我们刚刚创建的视图

Route:：get（“/main\u content”，函数（）
{
返回视图：：make（“主内容”）；
});

假设在侧边栏中有一个类似于此的按钮

加载

还记得为应该像这样更改的div分配一个

id

那么函数应该是这样的

函数加载\u主内容（）
{
$（'#main_content_div'）。加载（'/main_content/'）；
}

因此，现在只要单击按钮，视图就会自动加载到div中

---

希望这对你有所帮助

我建议使用

javascript

或

jquery

来完成你的任务谢谢你的回复。。这确实有效，但不是我想要的方式。也许我需要重新表述我的问题。我的侧边栏有下拉菜单和子菜单，所有这些都会在单击时更改主要内容的视图。当我使用一个视图时，你的方法非常有效。但不知何故，它在使用多视图时存在一些缺陷。我找到了解决问题的办法。尽管每次调用视图时都需要加载一些零件。但就目前而言，它运行良好。谢谢。你应该有一个主布局，它只有侧边栏和其他内容，在整个应用程序中保持不变。并让侧边栏链接指向所有页面的多个视图。您还应该研究控制器，因为如果您计划使用逻辑而不仅仅是静态站点构建web应用程序，它们是非常必要的。无论如何，如果你认为答案是对的，你可以接受