JavaScript表单提交

一、form表单的属性action 与method

     

           属性      值       描述

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

          method    get/post 规定用于发送form-data的HTTP方法。（提交表单的方式）

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

 

          URL可能的值：

               绝对 URL - 指向其他站点（比如 src="www.baidu.com"）

               相对 URL - 指向站点内的文件 （比如 src="/Form00/getData"）

二、get提交时参数直接暴露在URL上。

          (W3School上给出的区别：)

          与 POST 相比，GET 更简单也更快，并且大部分情况下都能使用。

    然而，在以下情况中，请使用 POST 请求：

          1.无法使用缓存文件 （更新服务器上的文件或数据库）

          2.向服务器发送大量数据（POST 没有数据量限制）

  3.发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠

三、  get/post区别：

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

 2.GET将表单里的数据添加到action所指的URL后面，并且两者之间使用‘?’连接。

   而各个变量之间使用"&"连接；POST是将表单中的数据放在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方法)

 

//手动提交表单数据

四、get提交

五、post提交

六、js调用默认的form表单提交

七、JQuery调用默认的form表单提交

 

八、接收表单提交数据

1.通过形参的方式接收表单提交的数据(post和get都能接收)

2. 通过FormCollection来接收表单的数据，只能接收到post提交过来的数据

3. 通过 Request.Form["name的属性值"]获取表单数据，只能接收到post提交过来的数据

4. EntityClass实体类接收数据，可以接收post与get提交的数据

    //限制请求

       //[HttpPost] //只允许post运行请求

       [HttpGet] //只允许get运行请求