Простой способ подсчета кликов с помощью JQuery, MySQL и AJAX

Question

Мой вопрос, чтобы сэкономить время:

Что это самый простой способ для подсчета кликов кнопки, сохранить это значение в БД Wordpress MySQL и получить, что обновленное общее число в div с Ajax, поэтому страница не нуждается в перезагрузке, чтобы увидеть ее?

Я просто научился погружаться в более славу UX с добавленной поддержкой mysql db и обновлениями Ajax с jQuery в качестве движущей силы.

Мои знания о работе с базами данных в целом ... зеленые, если не сказать больше.

У меня есть другой вопрос, но я думал, что я открою это как более общий вопрос. Я вижу много учебников в Интернете, но не очень элегантный, минимальный код, как я знаю, я уже здесь узнал о SO.

OP здесь: Counting clicks with jQuery and displaying with Ajax

Answer 1

Вы можете связываться с события нажатия данной кнопки, а затем сообщите логику на стороне сервера, чтобы увеличить количество в базе данных, например:

$("#YourButton").click(function() { 
    $.ajax({ 
     url: '/PathToServerSide', 
     type: 'POST', 
     data: {increment: true}, 
     success: function(data) { 
      alert('Server click count updated!') 
     } 
    }); 
} 

Примечание: Никогда доверять стороне клиента, чтобы сообщить стороне сервера, что такое значение счетчика, но вместо этого отправить команду (increment), чтобы сообщить логике на стороне сервера, чтобы увеличить значение в базе данных.

Чтобы отобразить количество кликов, используйте data вернулся из AJAX success обратного вызова и функции JQuery .html(), как это:

$('#YourCounter').html('The button has been clicked ' + data + ' times`);