开发工具与关键技术: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方法)。下面这个例子就是手动提交表单数据的两种方式。
例子: