Нужно добавить функцию

Question

Я хотел бы добавить простую функциональность для своих страниц, где пользователь увидит кнопку «follow», и щелкнув по ней, будет создана запись db (идентификатор пользователя и pageID). Полагаю, я обработаю запрос на бэкэнд. Я думаю, мне нужно сделать это в AJAX, но я не много сделал с AJAX. Я также думал, что обновление статуса кнопки из FOLLOW в FOLLOWING (или что-то подобное) я мог бы сделать с jQuery с каким-то переключением, в то время как запрос обрабатывается на фоне.

Я нахожусь на правильном пути с этим?

Answer 1

Вы на правильном пути.

Я создал пример, который использует кнопку типа <input type="image" class="follow">. Когда я нажимаю на него, он отправляет запрос на сервер (url). При успехе он обновляет изображение кнопки.

$('input[type=image].follow').click(function() { 
    var button = $(this); 
    var current_img = $(button).attr('src'); 
    var current_alt = $(button).attr('alt'); 

    $(button).attr('src', '/style/icons/ajax-loader.gif'); 
    $(button).attr('alt', 'Requesting data from the server...'); 

    $.ajax({ 
     url: url of script the processes stuff (like db update), 
     type: 'POST', 
     data: {}, 
     dataType: "json", 
     error: function(req, resulttype, exc) 
     { 
     $(button).attr('src', '/style/error.png'); 
     $(button).attr('alt', 'Error while updating!'); 
     window.setTimeout(function() { 
      $(button).attr('src', current_img); 
      $(button).attr('alt', current_alt); 
     }, 3000); 
     }, 
     success: function(data) 
     { 
     $(button).attr('src', '/style/followed.png'); 
     $(button).attr('alt', 'Followed'); 
     } 
    }); 

    return false; 
    }); 

Выше приведен пример кода. Измените его по своему желанию. Получайте удовольствие от этого.

Answer 2

AJAX прав, jQuery делает ajax легким.

//Post with jQuery (call test.php): 
$.post('test.php', function(data) { 
    //Do something with result data 
}); 

Answer 3

Звучит так, как будто вы на правильном пути здесь. Если вы работаете с меньшим приложением, то использование запроса AJAX и создание вашей записи было бы проще всего с помощью сервлета Java и, например, привести некоторый код JDBC в ваш метод doGet или doPost для выполнения операций с базой данных. В то же время ваш метод onSuccess для вашего запроса AJAX может вызвать код jQuery, необходимый для обновления вашей кнопки. Удачи!