Aktualisieren Sie SQL mit JQuery und AJAX - php, jquery, sql, ajax

Ich habe eine RSVP-Box auf meiner Website, wo ich willMenschen, um das Häkchen oder Kreuz Bild zu klicken, je nachdem, ob sie kommen oder nicht. Ich habe derzeit ein PHP-System, das eine SQL-Datenbank aktualisiert, aber die Seite neu lädt.

Ich habe diesen Code ausprobiert:

$(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();
}
});

Die RSVP-Schaltflächen sind Links mit Tags Aber ich kämpfe damit, jede Hilfe wäre dankbar!

Vielen Dank

Antworten:

Die ajaxSubmit-Funktion ist Teil der JQuery Forms Plugin ... fügen Sie das Plugin der Seite bei? (Sie haben die Frage nicht mit jquery-forms-plugin markiert, also rate ich nein.) Wenn Sie zum ersten Mal mit jQuery ajax arbeiten, würde ich empfehlen, zuerst die .ajax-Methode zu verwenden, obwohl es mehr Zeilen sind von Code, um ein Verständnis dafür zu bekommen, was dort vor sich geht.

Sie haben die Klammern verpasst, nachdem Sie die Funktion in Ihrem Click-Handler deklariert haben. Versuchen Sie Folgendes:

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

Oder noch besser:

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