lemonlimelike @lemonlimelike

Почему ajax работает не правильно, т.е. не происходит мгновенного действия?

Хочу сделать, чтоб при клике на картинку происходил ajax запрос, т.е. менялось сразу значение без обновления странице. И еще один вопрос, клик на что нужно вешать? У меня клик повешен на

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

Вот сам ajax запрос

<script>
$(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);
            $(".uk-text-large").text(data.view_2);
        }
        });
return false;
});
</script>

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

<?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);
?>

Вот на что производится клик

<div id="ajax-view" data-id="<?php echo $art['id']; ?>" class="uk-card-default" uk-lightbox>
                                        <a href="../media/<?php echo $art['place_of_location'].'.mp4' ?>">
                                            <div class="uk-card-media-top uk-inline uk-inline-clip uk-transition-toggle">
                                                <img class="uk-transition-scale-up uk-transition-opaque" src="../media/images/<?php echo $art['img'].'.jpg' ?>" alt="<?php echo $art['title']; ?>">
                                                <div class="uk-position-medium uk-position-cover uk-overlay uk-flex uk-flex-center uk-flex-middle uk-light">
                                                    <span uk-icon="icon: play-circle; ratio: 3.5"></span>
                                                </div>
                                               <div class="uk-light uk-position-bottom-left">
                                                    <span class="uk-icon uk-icon-image uk-light" style="background-image: url(../media/views.png)"></span>
                                                    <span class="uk-text-large"><?php echo $art['view']; ?></span>
                                                </div>
                                            </div>
                                        </a>
                                    </div>