Was passiert, wenn auf die Schaltfläche zum Senden geklickt wird

Question

Was passiert, wenn auf die Schaltfläche zum Senden geklickt wird? Lasse Ich habe eine Form, die wie diese auf einer http://example.com/ URL mit den beiden input Elementen zu finden:

<form method="get"> 
    <input type="text" id="field1" name="namefield1"/> 
    <input type="text" id="field2" name="namefield2"/> 
    <input type="submit" value="submit"/> 
</form> 

Was eigentlich Anfrage an einen http -Server in meinem speziellen Fall gesendet werden, erhalten?

Answer 1

Das Formular wird an den Server gesendet und der Browser wird an die aktuelle Adresse des Browsers umleiten und die Werte der Eingabefelder als Abfragezeichenfolgenparameter anhängen.

In Bezug auf das HTTP-Protokoll die folgende GET-Anfrage HTTP-Anforderung wird gesendet:

GET http://example.com/?namefield1=value1&namefield2=value2 HTTP/1.1 
Host: example.com 

Da Ihr <form> ist ein action Attribut fehlt, wird einfach der Browser auf die aktuelle URL umleiten, indem die Werte Anhängen als Abfrage Zeichenfolge Parameter. Wenn also dieses Formular nach dem Absenden von http://example.com/foo.php geladen wurde, wird der Browser zu http://example.com/foo.php?namefield1=value1&namefield2=value2 umleiten, wobei und value2 die Werte sein werden, die vom Benutzer in den entsprechenden Eingabefeldern eingegeben werden.

Sie können auch die in Ihrem Browser integrierten Debugging-Tools verwenden oder Fiddler, um die genaue Payload zu prüfen, die an den Server gesendet wird.

Answer 2

Wenn Sie das Formular mit der Methode 'get' absenden, führt es eine get-Anfrage durch und sendet die Daten, die in Ihren Eingabeelementen enthalten sind, als Namenswertpaar an die Abfragezeichenfolge. So zum Beispiel http://example.com/index.html?field1=joe&field2=bloggs

Beispiel Sehen Sie hier, wenn Sie den Button-Beispiel Senden nach unten scrollen, an der Unterseite: http://www.w3schools.com/html/html_forms.asp