Что происходит при нажатии кнопки отправки

Что происходит при нажатии кнопки отправки? Пусть у меня есть форма, расположенная на URL http://example.com/ с двумя элементами input, такими как:

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

Какой запрос на получение запроса будет отправлен на http -сервер в моем конкретном случае?

Ответы

Ответ 1

Форма будет отправлена ​​на сервер, и браузер перенаправит ее на текущий адрес браузера и добавит в качестве параметров строки запроса значения полей ввода.

В терминах протокола HTTP будет отправлен HTTP-запрос запроса GET:

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

Поскольку ваш <form> не имеет атрибута action, браузер просто перенаправляет на текущий URL-адрес, добавляя значения в качестве параметров строки запроса. Поэтому, если эта форма была загружена из http://example.com/foo.php после ее отправки, браузер перенаправит на http://example.com/foo.php?namefield1=value1&namefield2=value2, где value1 и value2 будут значениями, внесенными пользователем в соответствующие поля ввода.

Также вы можете использовать свой браузер, встроенный в инструменты отладки, или Fiddler, чтобы проверить точную полезную нагрузку, отправляемую на сервер.

Ответ 2

Если вы отправите форму методом "get", тогда он выполнит запрос получения, отправив данные, хранящиеся в ваших входных элементах в строке запроса, как пара значений имени. Например, http://example.com/index.html?field1=joe&field2=bloggs

См. пример здесь, если вы прокрутите вниз до примера кнопки "Отправить" внизу: http://www.w3schools.com/html/html_forms.asp