Ajax pozivi

U layouts.app uključiti

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.7.1/jquery.min.js"></script>

Prije zatvaranja body dodati script:

<script>
$.ajaxSetup({
    headers: {
        'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
    }
});
</script>

Dugmetu dodijeliti javascript funkciju:

<button onclick="like({{$post->id}})" class="btn btn-primary">Like</a>

Funkcija koja poziva back end funkciju bez ponovnog učitavanja ekrana.

<script>
function like(arg){
    console.log(arg);
    $.ajax({
        url: '/posts/like',
        type: "post",
        data: ({post_id: arg}),
        dataType: "json",
        success: function (data) {
          console.log(data);
        },
        error: function (data) {
            console.log(data);
        }
    });
}
</script>