失眠网,内容丰富有趣,生活中的好帮手!
失眠网 > html post和get请求 form表单的GET和POST请求

html post和get请求 form表单的GET和POST请求

时间:2024-07-13 21:12:38

相关推荐

html post和get请求 form表单的GET和POST请求

是HTML标签中比较复杂的标签之一,在学习中我注意到它与HTTP协议有关联,所以我做了一些总结。

method="GET"

首先新建一个包含form表单的html文件,例如index.html:

你好,这是form构造get请求

运行index.html,输入相应内容,点击提交按钮,用开发者工具观察页面发出的请求:

get请求.PNG

通过看当前页面的请求我们可以知道form表单构造的get请求内容:

action属性可以设定新页面的请求路径,也就是Request URL中的xxx

Request URL中出现了查询参数:?username=111&password=abc

设定input中的name和value,点击提交时会构造一个新的get请求。

另外,form表单还有一个默认动作,如果

里有一个type="submit"的按钮(input/button),则在任意一个input里按回车就可以提交表单,构造请求。

method="POST"

首先新建一个包含form表单的html文件,例如index.html:

你好,这是form构造post请求

运行index.html,输入相应内容,点击提交按钮,用开发者工具观察页面发出的请求:

post请求.PNG

通过看当前页面的请求我们可以看到form表单构造的post请求内容:

Request URL无查询参数

查询参数在消息体内(在chrome里Form Data是请求的第四部分—消息体)

form的post请求有消息体

form表单GET请求和POST请求的区别

表象上的区别:

get无消息体

post一般没有查询参数

get有URL长度限制。由于get有查询参数,如果get的url超过服务器设置的范围,会得到414错误。

安全性。post比get安全。因为构造post请求比get请求难。

个人见解:

get和post只有语义上的区别,get代表获取内容,post代表上传内容。

其实get也可以有消息体,只是由于它是去拿内容,没必要携带自身的信息。post也可以有查询参数(在action属性里加)。get/post都有长度限制,长度限制由服务器设置,可以改写。get和post都不安全,如果要安全,需要用http或者客户端的技术。

如果觉得《html post和get请求 form表单的GET和POST请求》对你有帮助,请点赞、收藏,并留下你的观点哦!

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。