ajaxlaraveljquery-waypointsgetvalue

ID received from post - send via ajax

I would like to read the post id from html and send it via AJAX to the controller. How can I get the post ID ($post->id) and transfer it via AJAX? Or is there a better solution to save the post seen by the user?

@foreach ($posts as $post)
    <div id="post_container_{{$post->id}}" class="row waypoint">
    </div>
@endforeach

This is my AJAX code:

$('.waypoint').waypoint(function() {
        $.ajax({
            url: '/posts/view',
            type: "post",
            data:
            success: function(request){
                console.log(request);
            },
            error: function(response){
                console.log(response);
            },
            headers:{
                'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content')
            }
        });
    }, {
        offset: '100%'
});
Solution

  • Get the id from the focused waypoint.

    let waypoint_id = this.getAttribute('id'); // something like 'post_container_1'

    Get only the string after the _

    let post_id = waypoint_id.split("_").pop(); // something like '1'

    in ajax() function

    data: {
    post_id: post_id
}