JavaScript表单提交总结

表单提交

即用户输入内容进行提交的方式

Form表单

Form表单的属性action与method

属性        值      描述

action      URL     规定当提交表单时向何处发送表单数据

method      get/post    规定当前用于发送form-date的HTTP方法(提交表单的方式)

<formaction="/Form00/getData"method="post"></form>

URL可能的值:

绝对URL – 指向其他站点(比如 src="www.baidu.com")

相对URL – 指向站点内的文件(比如 src="/Form00/getData ")

method的值get/post

 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方法)

 

获取表单数据的4种方式:

1、通过形参的方式接受表单提交的数据

2、通过FormCollection 来接收表单的数据

3、通过Request.Form["name的属性值"]获取表单数据

4、EntityClass实体类接收数据

其中第一种和第四种方式可以接受post与get提交的数据,

第二、三种只能接受到post提交过来的数据

实例:




                         

在表单提交中,get为默认提交方式

Get的提交方式:

 

POST也是如此,把get换成post即可

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值