Que se passe-t-il lorsque vous cliquez sur le bouton Envoyer?

Ce qui arrive quand les soumettre bouton est cliqué? Laissez-j'ai un formulaire qui est situé sur une http://example.com/ URL avec les deux input éléments comme ceci:

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

Ce qui s'est réellement obtenir la demande sera envoyé à une http-serveur dans mon cas précis?

source d'informationauteur St.Antario

  1. 18

    Le formulaire sera soumis pour le serveur et le navigateur vous rediriger à l'écart de l'actuel de l'adresse du navigateur et de les ajouter en tant que paramètres de chaîne de requête les valeurs des champs de saisie.

    En termes du protocole HTTP suivant requête GET HTTP demande devra être envoyée:

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

    Depuis votre <form> manque un action attribut, le navigateur va simplement rediriger vers l'url en ajoutant les valeurs de paramètres de chaîne de requête. Donc, si cette forme a été chargé de http://example.com/foo.php après la présentation, le navigateur vous rediriger vers http://example.com/foo.php?namefield1=value1&namefield2=value2 où value1 et value2 seront les valeurs enetered par l'utilisateur dans les champs de saisie correspondants.

    Aussi, vous pouvez utiliser votre navigateur intégré dans les outils de débogage ou Fiddler pour inspecter le exacte de la charge utile qui est envoyé au serveur.

  2. 3

    Si vous soumettez le formulaire avec une méthode de "get", alors il va effectuer une requête get donc envoyer les données au sein de votre saisie d'éléments sur la chaîne de requête comme une paire nom /valeur. Ainsi, par exemple http://example.com/index.html?field1=joe&champ2=dupont

    Voir l'exemple ici si vous faites défiler vers le Bouton Soumettre exemple au bas: http://www.w3schools.com/html/html_forms.asp