Как сделать мгновенное изменение значения?

Question

[lemonlimelike]

Есть счетчик, который происходит через ajax-запрос, т.е. жму на картинку происходит ajax запрос, в котором есть обработчик, который делает update поля, т.е. +1 делает(как то так). Но значение только меняется при обновление страницы, а как сделать так, чтоб как только нажал на картинку, значение тут же изменилось(без перезагрузки страницы)?
Вот ajax-запрос

$(document).on('click', '#ajax-view', function(){

  var self = this;

     $.ajax({
        url: 'inc/ajax-view.php',
        method: 'GET',
        dataType : "json",
        data: {
            view_2:$(self).data("id")
        },
        success: function(data) {
            console.log(data);
            data: {view_2:$(self).data('id')}
        }
        });
    });

Вот обработчик

<?php 
    require_once "../db/config.php";

$view_1 = '1';
$view_2 = $_GET['view_2'];
var_dump($_GET);


    $sql_2 = "UPDATE video SET view = view + :view_1 WHERE id = :view_2";
    $stw = $pdo->prepare($sql_2);
    $stw->bindParam(':view_1', $view_1);
    $stw->bindParam(':view_2', $view_2);
    $stw->execute();
    echo json_encode($stw);

 ?>

Answer 1

[Максим Маркитантов]

В success нужно на странице найти нужный элемент, и изменить его значение на data, используя JS, что-то типа

success: function(data) {
            console.log(data);
            $('#content-container').html(data);
        }

ну и также отменить ajax, в конце после вызова ajax написать

$.ajax({
   ....
    });
return false;

Comments

[lemonlimelike]

Получается вот у меня тут выводятся просмотры

<span class="uk-text-large"><?php echo $art['view']; ?></span>

А куда это приписывать?

[Максим Маркитантов]

lemonlimelike:
Примерно так

$.ajax({
        url: 'inc/ajax-view.php',
        method: 'GET',
        dataType : "json",
        data: {
            view_2:$(self).data("id")
        },
        success: function(data) {
            console.log(data);
            $(".uk-text-large").text(data.view_2); // или $(".uk-text-large").html(data.view_2);
        }
        });
return false;

[lemonlimelike]

Максим Маркитантов: Почему то не работает, т.е. сам запрос работает, но меняется значение только при обновление странице

[Максим Маркитантов]

lemonlimelike:
Вместо some-text нужно подставить ваши полученные данные
$(".uk-text-large").text("some-text");

[lemonlimelike]

Максим Маркитантов: Ну... т.е. просмотры, data.view_2, так как вы написали

[lemonlimelike]

Максим Маркитантов: Или должен быть текст типа

<span class="uk-text-large">" + data.view_2 + '</span>

?

[Максим Маркитантов]

lemonlimelike: А console.log(data) что пишет?

[lemonlimelike]

Максим Маркитантов: Это вроде должно как бы выводится в консоли, но там ничего не выводится, а вот что выводится в обработчике

array(1) { ["view_2"]=> string(3) "139" } {"queryString":"UPDATE video SET view = view + :view_1 WHERE id = :view_2"}

Я там сделал vard_dump get

[Максим Маркитантов]

lemonlimelike: А элемент #ajax-view это ссылка?

[lemonlimelike]

Максим Маркитантов: Нет, это div

<div id="ajax-view" data-id="<?php echo $art['id']; ?>" class="uk-card-default" uk-lightbox>.........</div>

[lemonlimelike]

Максим Маркитантов: Даже написал console.log("1");
и ничего не вывелось

Answer 2

[Алексей Скляров]

Вы в sucess в параметрах функции принимаете data, это то, в этой переменной у вас возвращаемое значение. Его вы уже должны подменять у человека на кнопке или где-то еще.

Comments

[lemonlimelike]

Вот где выводятся просмотры

<span class="uk-text-large"><?php echo $art['view']; ?></span>

И мне этот код заюзать в success? а какой синтаксис?