Tengo un pills tab de boostrap y cada enlace nav-link es un año, información que obtengo desde una consulta a la BD y completo el html con dicha información, necesito obtener la información del aria-controls ya que allí tengo solo el año sin otros caracteres, y al hacer clic obtener el año seleccionado, pero necesito enviar ese valor a un controlador laravel para hacer una consulta y devolver la colección a la vista.
En la vista tengo mi pill tab:
<ul class="nav nav-tabs" id="myTab" role="tablist">
@foreach($videos as $video)
<li class="nav-item" id="link-front">
<a class="nav-link @if($loop->last) show active @endif" id="{{ $video->year }}-tab" data-toggle="tab" href="#{{ $video->year }}" role="tab" aria-controls="{{ $video->year }}" aria-selected="@if($loop->first) true @else false @endif">{{ $video->year }}</a>
</li>
@endforeach
</ul>
Este es el script de javascript:
<script>
$("#myTab a").on('click', function (e) {
var year = $(this).attr("aria-controls");
console.log(year) // aquí debería obtener la información del año al hacer clic en el enlace.
});
$.ajax({
type: "POST",
url: "{{route('index')}}",
data: year, // aqui dice que la variable year no está definida.
success: function(data) {
}
});
</script>
Mi controlador:
public function index(Request $request)
{
dd($year); // Aquí necesito la variable que contiene el año, enviado desde la vista.
}
php artisan route:list
y comprueba el metodo y el nombre de la ruta