Mettre à jour SQL avec JQuery et AJAX

Question

J'ai une boîte RSVP sur mon site Web où je veux que les gens cliquent sur la coche ou croisent l'image selon qu'ils viennent ou non. J'ai actuellement un système PHP qui met à jour une base de données SQL, mais il recharge la page.

J'ai essayé ce code:

$(document).ready(function() { 
    var options = { 
     url: 'process.php', 
     type: 'post', 
     data: 'attending', 
     success: success 
    }; 

    // bind to the form's submit event 
    $('.attending').click(function { 
     $(this).ajaxSubmit(options); 
     return false; 
    }); 

    function success(responseText, $form) { 
     $(".attending").hide(); 
     $(".success").fadeIn(); 
    } 
}); 

Les boutons RSVP sont des liens avec des tags Mais je suis strugling avec cela, toute aide serait appréciée!

Merci

Answer 1

La fonction ajaxSubmit fait partie de la jquery forms plugin ... vous insérez ce plugin dans la page? (Vous n'avez pas tagué la question avec jquery-forms-plugin, donc je suppose que non) Si c'est votre premier coup à jQuery ajax, je vous recommande d'utiliser d'abord la méthode .ajax, même si c'est plus de lignes de code , pour comprendre ce qui se passe là-bas.

Answer 2

Vous avez manqué les parenthèses après avoir déclaré la fonction dans votre gestionnaire de clic, essayez ceci:

// bind to the form's submit event 
$('.attending').click(function() { 
    $(this).ajaxSubmit(options); 
    return false; 
}); 

Ou mieux encore:

// bind to the form's submit event 
$('.attending').click(function(e) { 
    e.preventDefault(); 
    $(this).ajaxSubmit(options); 
});