die Weitergabe der Daten im Formular via jquery/ajax

möchte ich ein Formular Absenden mit über 10 Eingabe mittels jquery/ajax,aber ich weiß nicht, wie kann ich die Daten übergeben, die es durch die Daten-Parameter ajax.sollte ich zu serialisieren ?

  • Was sind Sie vorbei die Daten zu? ASP.NET, PHP? Ist der server, den Sie die Weitergabe der Daten zu erwarten, dass JSON-Daten oder nur eine Reihe von Schlüssel-Wert-Paare?
  • Ich denke, dass durch bezwingend ein Formular, werden alle Felder werden automatisch versendet.
  • ich benutze PHP.
InformationsquelleAutor hd. | 2011-05-08
  1. 14

    Den jQuery.serialisieren kann für Sie hilfreich sein. Es ist wichtig, dass Sie name Eigenschaft für alle Felder der form, die Sie senden möchten. Der entsprechende code kann über den folgenden

    $("form#myFormId").submit(function() {
    var mydata = $("form#myFormId").serialize();
    console.log(mydata); //it's only for test
    $.ajax({
        type: "POST",
        url: "myUrlToPostData.php",
        data: mydata,
        success: function(response, textStatus, xhr) {
            console.log("success");
        },
        error: function(xhr, textStatus, errorThrown) {
            console.log("error");
        }
    });
    return false;
});
    • wo ist die html-Ausgabe?
    • Ich bin mir nicht sicher, was du meinst. submit event-handler zurück false, so dass man keine Umleitung durch Einreichen. Ein senden nur die Daten des Formulars an den server. Die response parameter der success callback Optional können die Daten, die vom server zurückgegeben (url: "myUrlToPostData.php").
    • WENN Sie ajax verwenden, die Sie normalerweise ausgeben wollen, etwas, auf Erfolg. Ich sehe nicht, die Ausgabe auf den Erfolg anderer als Konsole.melden
    • Ich Stimme mit Ihnen. Löschen von Element zum Beispiel brauchen keine Verarbeitung, keine Antwort vom server. Der HTTP-Antwort-code festlegen, ob success oder error callback wird aufgerufen. Darüber hinaus sollten Sie nachlesen die Frage, zu dem ich schrieb die Antwort. Die Frage war, über die Erhebung von Informationen aus 10 input-Felder aus dem Formular. Also die Verwendung von $.serialize ist die kurze Antwort auf die Frage. Die Verarbeitung von response parameter ist nicht ein echtes problem. Es entspricht den Daten, die vom server zurückgegeben.
    InformationsquelleAutor Oleg
  2. 4
    $.ajax({
type: "POST",
url: "handle.php",
data: "n="+name+"&e="+email,
success: function() {
alert('It worked');
}
});

    Hier ist der einfachste Weg, es zu benutzen. Dies würde senden Sie einfach zwei post Variablen $_POST['n'] und $_POST['e'], zu handle.php. Ihre form würde so Aussehen, wenn Sie Ihre ajax ist eine Funktion namens send(): 

    <form id="form" onsubmit="send(this.name.value, this.email.value); return false;">
    • danke,aber ich habe 10 Eingabefelder zur post zu server, und ich denke, Sie voneinander zu trennen, um Daten-string erstellt eine lange Zeichenfolge.ich benutze PHP.
    • Für den IE gibt es zumindest keine Begrenzung für POST Daten übergeben durch den Kopf. Da werden Sie Verweise auf diese Zeichenfolgen wie Variablen werden Sie nicht einmal bemerken, die Länge der Zeichenfolge, es sei denn, es wird begrenzt durch die server oder das PHP/JavaScript. "Aber die POST-Methode ist nicht nur durch die Größe des URL für die Einreichung von name/Wert-Paaren. Diese Paare übertragen im header und nicht in der URL." Von: support.microsoft.com/default.aspx?scid=kb;EN-US;q208427
    • serialize() ist eine bessere option. Dies funktioniert, wenn Sie buchen möchten bestimmte Daten nur.
    InformationsquelleAutor Mike Soule
Schreibe einen Kommentar