Как реализовать AJAX для реализации кнопки LIKE

Question

У меня возникла проблема с реализацией кнопки LIKE для моего сайта. Я пытаюсь выполнить функцию, при которой при нажатии кнопки LIKE общее количество просмотров отображается на экране без перезагрузки страницы. Код, который я показываю ниже, используется для получения комментариев по определенной статье, включая понравившиеся для каждого комментария. На этом этапе все отлично работает, но как передать его в AJAX/реализовать AJAX в скрипте.

при нажатии кнопки LIKE, какая ссылка используется в < a h ref = "">? Является ли AJAX написанным самостоятельно или внутри PHP? Как мне заставить его не уходить с текущей страницы, но при этом все еще отображается обновленный вид из базы данных?

Пожалуйста, я не ищу все код, все, что мне нужно, это просто, как начать с этого.

Спасибо за ваше время и силы. Я очень ценю это. Благодаря

$query6 = mysql_query(" 
    SELECT 
    c.user , c.body , c.date, c.like                  
    FROM 
    comment AS c 
     INNER JOIN about_ AS ac ON c.article_id = ac.about_id 
    WHERE 
    c.article_id = '".$article_id."' 
    AND page_name = '".$page_name."' 
") or die (mysql_error()); 

Answer 1

$(document).ready(function(){ 
       $('#likeButton').click(function(e){ <------ click event 
        dataString = 'param1='+ 'value1'+'&param2='+'value2'; <----- The variables which you will pass along with the request. 
        $.ajax({ 
         type: 'POST', <---------- GET or POST 
         url: 'process.php', <---------- The Url (Which will process the data) 
         data: dataString, <-------- The data 
         success: function(data){ <----- if request is success, do something with the response 
          alert(data); <----- you can output by $('#output').html(data) where output can be a div 
         }, 
         error: function(request, status, error){ <----- if Error returns, then check the error or do something else. 
          alert(request.responseText); 
         } 
        }) 
       }) 
      }) 

Это не так сложно, если вы делаете это шаг за шагом. Я предпочитаю $ .ajax, поскольку он дает больший контроль над отправленными данными. Теперь измените приведенный выше код в соответствии с вашими потребностями.

И есть больше функций, которые вы можете добавить выше. Read here

Answer 2

Google для учебника AJAX ...

Вот некоторые из них:

• http://www.sitepoint.com/ajax-jquery/
• http://www.php4every1.com/tutorials/jquery-ajax-tutorial/