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

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>

在我的特定情况下，实际上 get 请求将被发送到 http 服务器？

Answer 1

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

在 HTTP 协议(protocol)方面，将发送以下 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将是用户在相应输入字段中输入的值。

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