У меня есть система, где пользователи могут сказать, что они посетили место.Я пытаюсь получить количество посещений +1, если человек посещает место, и -1, если он не посещает это место.число меняется, если я обновляю страницу, но я хочу, чтобы она изменилась в реальном времени с AJAX.Вот код, который у меня есть:
HTML:
@if($place->visitors->count() == 1)
<h5 class="visitor-count count">{{ $place->visitors->count()}} person has visited this place</h5>
@else
<h5 class="visitor-count count">{{ $place->visitors->count()}} people have visited this place</h5>
@endif
Ajax JS:
$('.visit').on('click', function (event) {
event.preventDefault();
// Make the button a variable here
var buttonToChange = $(this);
$.ajax({
method: 'POST',
url: urlVisit,
data: {
place_id: $(event.target).data("id"),
_token: token
},
success: function(){
// Change the button here
if(buttonToChange.hasClass('btn-visited')){
buttonToChange.addClass('btn-not-visited');
buttonToChange.removeClass('btn-visited');
buttonToChange.html('Not Visited');
//Count will go down
}
else{
// Do the opposite
buttonToChange.addClass('btn-visited');
buttonToChange.removeClass('btn-not-visited');
buttonToChange.html('Visited');
//count will go up
}
},
});