单击提交按钮时会发生什么

Question

点击提交按钮会发生什么？让我有一个位于http://example.com/URL 上的表单,其中包含两个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在我的特定情况下,实际获得请求的内容将被发送到-server？

Answer 1

表单将提交给服务器,浏览器将重定向到浏览器的当前地址,并将查询字符串参数作为输入字段的值附加.

在HTTP协议方面,将发送以下GET请求HTTP请求:

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将通过在相应的输入字段的用户enetered的值.

您也可以使用浏览器的内置调试工具或Fiddler检查发送到服务器的确切有效负载.