form表单的GET和POST请求

method="GET"

  1. action属性可以设定新页面的请求路径,也就是Request URL中的xxx
  2. Request URL中出现了查询参数:?username=111&password=abc
  3. 设定input中的namevalue,点击提交时会构造一个新的get请求。

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

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

method="POST"

  1. Request URL无查询参数
  2. 查询参数在消息体内(在chrome里Form Data是请求的第四部分—消息体)
  3. form的post请求有消息体

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

表象上的区别:

  1. get无消息体
  2. post一般没有查询参数
  3. get有URL长度限制。由于get有查询参数,如果get的url超过服务器设置的范围,会得到414错误。
  4. 安全性。post比get安全。因为构造post请求比get请求难。

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


作者:chiang24
链接:https://www.jianshu.com/p/875e7f42081e
來源:简书
简书著作权归作者所有,任何形式的转载都请联系作者获得授权并注明出处。



作者:chiang24
链接:https://www.jianshu.com/p/875e7f42081e
來源:简书

你可能感兴趣的:(前端基础,前端)