Всем привет. есть кнопка "Лайк" при клике которой счетчик должен увеличиваться на 1. ID на сервер отправляется и в БД записывается новое значение счетчика, но на странице визуально ничего не происходит, лишь только после обновления страницы счетчик увеличивается. То есть по сути не работает ajax.
<p class="like-counter">
<a data-id="<?=$id;?>" class="counter pull-right">
<i class="fa fa-thumbs-up"></i> <span><?=$comment['vote'];?></span>
</a>
</p>
$('.like-counter').on('click', '.counter', function (e) {
e.preventDefault();
var id = $(this).data('id');
$.ajax({
url: location.href,
data: {id: id},
type: 'GET',
success: function (count) {
count = parseInt(element.find('span').text());
element.find('span').text(count+1);
console.log(count);
},
error: function () {
alert('Error, try again.');
}
});
});
Я так понимаю в блоке success неверный код. Как сделать правильно?
function(html) {let count = $(html).find('a[data-id='+id+'] span').text(); // и установка счётчика в нужный элемент}
element