0

Всем привет. есть кнопка "Лайк" при клике которой счетчик должен увеличиваться на 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 неверный код. Как сделать правильно?

8
  • get запрос для изменения?=))) И что если несколько раз нажать на кнопку like? На самом деле просто отдайте текущее количество лайков в запросе
    – Walfter
    21 ноя 2020 в 19:39
  • Ну и собственно по ошибке в success если выполучаете html то в success должно быть нечто function(html) {let count = $(html).find('a[data-id='+id+'] span').text(); // и установка счётчика в нужный элемент}
    – Walfter
    21 ноя 2020 в 19:42
  • А сейчас визуально вы просто обращаетесь к необъявленному элементу element
    – Walfter
    21 ноя 2020 в 19:43
  • При том дважды, вначале вы в нём получаете спан, потом в этот же спан тот же самый текст записываете
    – Walfter
    21 ноя 2020 в 19:44
  • element - прошу прощения код я скопировал отсюда vk-book.ru/ajax-lajkidizlajki-dlya-zapisej , там element является аргументов функции
    – lev_
    21 ноя 2020 в 20:44

2 ответа 2

0
var a = this;
$.ajax({
  ...
  success: function () {
    var c = parseInt($(a).find('span').text()) || 0;
    $(a).find('span').text(c + 1);
  },
1
  • спасибо, действительно работает
    – lev_
    21 ноя 2020 в 22:14
-1

Ну хорошо, как теперь полученное значение записать в span? я что-то делаю не так

<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 (html) {
        var count = $(html).find('a[data-id=' + id + '] span').text();
        // $('.counter span').html(count++);
        console.log(count);
    },
    error: function () {
        alert('Error, try again.');
    }
});
});

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.