html – 点击提交按钮时会发生什么

前端之家收集整理的这篇文章主要介绍了html – 点击提交按钮时会发生什么前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
点击提交按钮时会发生什么?让我有一个表单位于http://example.com/网址,其中包含两个输入元素:
<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

由于您的< form>缺少一个动作属性,浏览器将简单地通过将值附加为查询字符串参数重定向到当前url.因此,如果此表单在提交之后从http://example.com/foo.PHP加载,浏览器将重定向到http://example.com/foo.PHP?namefield1=value1\u0026amp;namefield2=value2,其中value1和value2将是用户在相应输入字段中获得的值.

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

猜你在找的HTML相关文章