JavaScript表单提交
Form表单:用于搜集不同类型的用户输入
form表单的属性action 与method
属性/ 值 / 描述
action / URL / 规定当提交表单时向何处发送表单数据
method /(get/post)/ 规定用于发送form-data的HTTP方法。(提交表单的方式)
Form表单提交方式
表单get提交参数会以 ?name=***&password=*** 这种形式拼接到url中传递到后台。
表单post提交参数会将参数封装到请求体中传递到后台。
表单提交的路径分为两种:
(1) 相对路径:指站点内的文件,就是本地文件。
(2) 绝对路径:指其它站点
Post与get的区别:
get提交时参数直接暴露在URL上。
(W3School上给出的区别:)
与 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方法)
表单手动提交:
当表单自动提交功能取消掉之后只能手动提交
设置手动提交是为了数据的完整性
创建一个form表单
1.创建一个函数getDate(),然后获取form表单里的数据
定义3个变量来获取这3条数据的值
2.获取到值之后再通过if判断一下所获取到的值是否为空,都不为空则通过id获取到form表单,然后通过method指定提交方式为get或者是post。再通过action指定form表单提交到指定的地址,最后再用myform调用submit()方法