JavaScript 表单提交

form表单的属性action 与method

Action 属性：

action 属性定义在提交表单时执行的动作。
向服务器提交表单的通常做法是使用提交按钮。
通常，表单会被提交到 web 服务器上的网页。
指定了某个服务器脚本来处理被提交表单：
<form action="action_page.php">
如果省略 action 属性，则 action 会被设置为当前页面。

Method 属性：
method 属性规定在提交表单时所用的 HTTP 方法（GET 或 POST）：
<form action=“action_page.php” method=“GET”>
或：<form action=“action_page.php” method=“POST”>

两个属性结合：<form action="/Form00/getData" method="post"></form>

URL可能的值：
    绝对 URL - 指向其他站点（比如 src="www.baidu.com"）
    相对 URL - 指向站点内的文件（比如 src="/Form00/getData"）

method的值 get/post
get提交时参数直接暴露在URL上。
与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
然而，在以下情况中，请使用 POST 请求：
1.无法使用缓存文件（更新服务器上的文件或数据库）
2.向服务器发送大量数据（POST 没有数据量限制）
3.发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

get/post区别：

1. GET方法是用来向服务器上获取数据，而PSOT是用来向服务器上传递修改数据。

   2.GET将表单里的数据添加到action所指向的URL后面，并且两者之间使用”?”连接
   而各个变量之间使用"&"连接;PSOT是将表单中的数据放在form的数据体(FormData)中，按照键值对的方式，传递到所指向的action
   3.GET是不安全的，因为在传输过程中，数据被放在请求的url中这样用户可以直接在浏器上看到提交的数据，POST的所有操作对用户来说都是不可见的,数据都在数据(FormData)
   中

4.GET方法向URL添加数据,URL的长度是受限制的(URL的最大长度是2048个字符),POST提交无限制 https://www.w3school.com.cn/tags/html_ref_httpmethods.asp

5.GET为form表单的默认提交方式

6.GET方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，POST数据会 被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被重新提交)

7.数据类型的限制：GET只允许ASCII字符,POST则无限制(如果提交二进制数据(例如:图片)，需要使用POST方法)