Sistema de votación AJAX + PHP

Estoy trabajando en un sistema de votación en AJAX y PHP y me he encontrado con un problema. Estamos mostrando un montón de publicaciones de nuestra base de datos y cada publicación tiene una imagen al lado: se supone que hacer clic en la imagen 1) alternar el color de la imagen y luego 2) usar la llamada AJAX a un script PHP que luego decide agregar o restar un voto. Tengo la imagen alternar para trabajar, pero no estoy seguro de cómo hacer la siguiente parte. ¿Cuál es la mejor manera de hacer esto?

Este es el while-loop que genera las publicaciones:

while($row = mysql_fetch_array($result)) { ?> 
  • <a href = "#" onclick = "return toggle(this,'heart')"><img name = "heart" src = "/images/heart.png" class = "thumbnail" width = "15" />

    <img class = "favicon" width = "16" height = "16" src = "" /><a href = "" target = "_blank">

    • “src =” /images/heart.png “class =” thumbnail “width =” 15 ” id="voteImage />

      agrega una identificación a tu imagen. capturar el evento de clic en este Id por cualquier framework javascript.

      Doy ejemplo en jQuery.

        jQuery("#voteImage").live("click",function(){ var imageName = jQuery(this).attr('name'); var postId = imageName.substr(5); //Here you will have post Id because remove heart from heart20 //now you can hit ajax call to your vote-up or vote-Down php with postId jQuery.ajax({ type: 'POST', url: baseURI+'voteup.php', data:"postId="+postId, cache: false, success: function(result) { //perform further action like give alert to user that action performed } }); }