Ich frage mich, wie kann ich ein Formular über Ajax (mit Prototyp-Framework) einreichen und die Server-Antwort in einem "Ergebnis" div anzeigen. Das HTML sieht so aus:
%Vor%Ich habe versucht, eine JavaScript-Funktion (die Ajax.Updater verwendet) an "onsubmit" (auf dem Formular) und "onclick" (auf der Eingabe) anzuhängen, aber das Formular wird immer noch "nicht-Ajax" nach dem Ende der Funktion übergeben (so wird die ganze Seite durch die Ergebnisse ersetzt).
Sehen Sie sich die Seiten der Prototyp-API auf Form.Request
und Event
Handhabung.
Grundsätzlich, wenn Sie folgendes haben:
%Vor%Ihr js wäre mehr oder weniger:
%Vor%Sie müssen zuerst Ihr Formular serialisieren und dann ein Ajax Updater , mit POST-Optionen und bestanden es die serialisierten Formulardaten. Das Ergebnis wird dann in dem von Ihnen angegebenen Element angezeigt.
Sie müssen den Wert false von der Ajax-Funktion zurückgeben, die das Senden des Standardformulars blockiert.
%Vor%}
Mit onsubmit im Formular werden auch Benutzer erfasst, die mit der Eingabetaste senden.
Sie müssen die Standardaktion des onsubmit
-Ereignisses stoppen.
Zum Beispiel:
%Vor%Weitere Informationen zum Anhalten des Standardereignisverhaltens in Prototyp »
Tags und Links javascript ajax form-submit prototypejs