Cuando la solicitud es ajax, renderizo la sección de contenido y la inserto en DOM. Está funcionando como se esperaba.

Sin embargo... no puedo encontrar la forma, cómo renderizar múltiples secciones, como content y title y más al mismo tiempo.

Controlador:

 public function awesome(Request $request) { if($request->ajax()){ return view('awesome')->renderSections()['content']; } return view('awesome'); }

Ajax y pushstate

 var load = function (url) { $.get(url).done(function (data) { $("#content").html(data); }) }; $(document).on('click', 'a[data-request="push"]', function (e) { e.preventDefault(); var $this = $(this), url = $this.attr("href"), title = $this.attr('title'); history.pushState({ url: url, title: title }, title, url); // document.title = title; load(url); });

diseños.app

 <title>@yield('title')</title> <meta name="description" content="@yield('desc')"/> <a data-request="push" title="AWESOME" href="<?= url('/'); ?>/awesome">Awesome</a> <a data-request="push" title="RANDOM" href="<?= url('/'); ?>/random">Random</a> <div id="content"> @yield('content') </div>

Espada:

 @extends('layouts.app') @section('title', 'Awesome') @section('desc', 'About awesome') @section('content') some text from awesome page @endsection

Pregunta:

¿Cómo renderizar ambos o más de ellos al mismo tiempo? ¿Debo usar una matriz o algo más? Por favor, dé un ejemplo o una explicación completa.

Gracias por cualquier respuesta.