Html 单击“提交”按钮时会发生什么情况

单击“提交”按钮时会发生什么情况？我有一个位于

http://example.com/

URL，包含两个

输入

元素，如下所示：

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

---

在我的特定情况下，实际获取的请求将发送到

http

-服务器？

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

根据HTTP协议，将发送以下GET请求HTTP请求：

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

由于您的

缺少

操作

属性，因此浏览器只需将值作为查询字符串参数附加，即可重定向到当前url。因此，如果此表单是从

http://example.com/foo.php

提交后，浏览器将重定向到

http://example.com/foo.php?namefield1=value1&namefield2=value2

其中

value1

和

value2

将是用户在相应输入字段中输入的值

---

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

如果您使用“get”方法提交表单，则表单将执行get请求，从而以名称-值对的形式发送查询字符串上输入元素中的数据。比如说

---

如果您向下滚动至底部的提交按钮示例，请参见此处的示例：

下载并查看发送了哪些请求。为什么不尝试一下并使用浏览器的调试工具查看一下？为什么

namefield1

发送了两次？这是一个错误。2个参数将被发送到服务器。