Ein Formular über Ajax mit Hilfe eines Prototyps senden und ein Ergebnisdiv aktualisieren

8

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).

    
Vinze 14.01.2009, 15:05
quelle

4 Antworten

33

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%     
Paolo Bergantino 14.01.2009, 15:21
quelle
3

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.

    
quelle
3

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.

    
krosenvold 14.01.2009 15:11
quelle
0

Sie müssen die Standardaktion des onsubmit -Ereignisses stoppen.

Zum Beispiel:

%Vor%

Weitere Informationen zum Anhalten des Standardereignisverhaltens in Prototyp »

    
Triptych 14.01.2009 15:27
quelle