Как выполнить запрос только один раз?

Question

[Alex Rave]

Имеется скрипт:

<script>
$('#112').on('click', function(){
$(this).addClass('like-activ');
$.ajax({
url: '/wp-content/themes/twentytwenty/templates/script.php'
});
})
</script>

<div id='112' class='like'></div>
Задача заключается в том что пользователь нажимает один раз на блок, скрипт выполняется. При повторных нажатиях скрипт не выполняется. Подскажите как такое можно осуществить имея код выше?

Answer 1

[0xD34F]

Если отвечать ровно на то, что было спрошено - замените on на one. Но что если запрос окажется неудачным? Наверное, надо оставить пользователю возможность повторить действие. Вон, у вас там класс добавляется - так проверяйте его наличие, если уже есть, ничего делать не надо; также добавьте обработку неудавшихся запросов, там надо будет класс снять.