Как создать функцию «Нравится/не нравится» с помощью jQuery Ajax в Laravel? ⇐ Php

[Гость]

Я создал кнопку «Нравится/Не нравится» с помощью jQuery Ajax в Laravel. Существует такая проблема: когда я нажимаю кнопку «Мне нравится», скажем, для свойства-id = 6, но к классу «нравится» добавляется свойство-id = 5. Предположительно, если я нажимаю кнопку «Мне нравится» на свойстве- id = 6, то классу «нравится» и его необходимо добавить в свойство-id = 6. И предположительно, если я нажму кнопку «Не нравится» для свойства-id = 6, то класс «понравится» для свойства-id = 6 необходимо удалить. Как решить эту проблему? Ниже я включил созданный мною код.
Blade

Код: Выделить всё

@foreach ($properties as $property)




From ${{ $property->monthly_price }}/month




[i][/i]



@foreach ($property->getMedia('property images') as $media)

@endforeach





[url={{ route(]slug) }}">

{{ $property->title }}

[/url]


[list]
[*]
{{ $property->district->name }}

[*]
{{ $property->specification }}

[*]
{{ $property->size }} Sq Ft

[/list]





Starting at


${{ $property->nightly_price }}/night


[url={{ route(]slug) }}" class="btn btn-sm check-btn mb-0 mt-3 ms-auto stretched-link">Check Availability[/url]




@endforeach

Ajax

Код: Выделить всё

$(document).on('click', '#like-btn', function(e) {
e.preventDefault();
var id = $(this).data('property-id');
var url = "{{ route('like', ':id') }}";
url = url.replace(':id', id);
$.ajax({
url: url,
method: 'POST',
data: {
_token: '{{ csrf_token() }}'
},
success: function(response) {
if (response.message == 'liked') {
//add class liked to #like-btn button with data-id = id
$('#like-btn').addClass('liked');
}

if (response.message == 'unliked') {
//remove class liked
$('#like-btn').removeClass('liked');
}
}
});
});

Контроллер

Код: Выделить всё

public function like(Property $property)
{
try {
if ($property->isLiked()) {
$property->removeLike();
return response()->json(['message' => 'unliked'], 200);
}

$property->likes()->create([
'user_id' => auth()->id(),
'ip' => request()->ip(),
'user_agent' => request()->userAgent(),
]);

return response()->json(['message' => 'liked'], 200);

} catch (\Exception $e) {
return response()->json(['message' => $e->getMessage()], 500);
}
}

Источник: https://stackoverflow.com/questions/775 ... in-laravel