JavaScript表单提交总结

开发工具与关键技术：Adobe Dreamweaver JavaScript
作者：陈石军
撰写时间：2020年4月30日

表单的提交有两种方式，分别为自动提交表单数据和手动提交表单数据，在制作表单提交的过程中可以根据自己的表单类型，决定使用哪种提交方式比较简便。比如制作信息查询表单，我就会用手动提交表单数据方法。

手动提交表单数据也有两种方式，分别为get和post方式。get提交时参数直接暴露在URL（链接）上。与post相比，get更简单也更快，并且在大部分情况下都能用。有些情况下要使用post，比如，无法使用缓存文件、向服务器发送大量数据、发送包含未知字符的用户输入时，post比get更稳定也更可靠。

get和post的区别，第一get方法是用来向服务器上获取数据，而post是用来向服务器上传递修改数据，第二get将表单里的数据添加到action所指向的URL后面，并且两者之间使用”?”连接而各个变量之间使用“&”连接;post是将表单中的数据放在form的数据体(FormData)中，按照键值对的方式，传递到所指向的action，第三get是不安全的，因为在传输过程中，数据被放在请求的url中这样用户可以直接在浏览器上看到提交的数据， post的所有操作对用户来说都是不可见的,数据都在数据体(FormData)中，第四get方法向URL添加数据,URL的长度是受限制的(URL的最大长度是2048个字符),post提交无限制，第五.get为form表单的默认提交方式，第六get方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，post数据会被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被重新提交)，第七数据类型的限制：get只允许ASCII字符,post则无限制(如果提交二进制数据(例如:图片)，需要使用post方法)。下面这个例子就是手动提交表单数据的两种方式。
例子：