JavaScript的form表单提交

在代码中随波逐流的小明

已于 2022-04-20 08:18:36 修改

阅读量691

点赞数 1

分类专栏： JavaScript 文章标签： javascript

于 2022-04-10 08:25:19 首次发布

本文链接：https://blog.csdn.net/God_JM/article/details/124072301

版权

JavaScript 专栏收录该内容

4 篇文章 0 订阅

订阅专栏

开发工具与关键技术： VS   与 JS
作者：摆烂小明
撰写时间：2022  年 4  月 17 日
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
    form表单的属性action 与method:
           属性      值       描述
           action    URL     规定当提交表单时向何处发送表单数据
           method   getpost 规定用于发送form-data的HTTP方法。(提交表单的方式)
           <form action="Form00getData" method="post"><form>

           URL可能的值：
               绝对 URL - 指向其他站点（比如 src="www.baidu.com"）
               相对 URL - 指向站点内的文件（比如 src="Form00getData"）
       
method的值 getpost：
         get提交时参数直接暴露在URL上。
           (W3School上给出的区别：)
           与 POST 相比，GET 更简单也更快，并且在大部分情况下都能用。
           然而，在以下情况中，请使用 POST 请求：
               1.无法使用缓存文件（更新服务器上的文件或数据库）
               2.向服务器发送大量数据（POST 没有数据量限制）
               3.发送包含未知字符的用户输入时，POST 比 GET 更稳定也更可靠
           getpost区别：
               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.cntagshtml_ref_httpmethods.asp
               5.GET为form表单的默认提交方式
               6.GET方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，
                   POST数据会被重新提交可能会产生不良的后果(浏览器应该告知用户数据会被重新提交)
               7.数据类型的限制：GET只允许ASCII字符,POST则无限制(如果提交二进制数据(例如:图片)，需要使用POST方法)
               (后期经常使用的代码)
               get 和 post ，post使用率高
get为表单默认提交方式：
<!--onsubmit="return false; 阻止表单自动提交-->
 <form id=" myform " @*action="FormGetData" method="post"*@ onsubmit="return false;">

控制器上操作：
string str = "提交获取接收方法" + 属性名+ "&" + 属性名 + "&" + 属性名;
 获取表单数据的4种方式：（post和get都能接收）
 1.通过形参的方式接收表单提交的数据

小红点：断点（代码执行到这就要停止）

类：获取表单数据的4种方式：FormCollection这种方式只能接收post提交过来的数据
         2.通过FormCollection来接收表单的数据 (FormCollection form)实例
getDataByFormCollection方法这里是提交地址的指定方法位置

 获取表单数据的4种方式：只能接收post提交过来的数据
 3.通过Request.Form["name的属性值"]获取表单数据 
{string 属性名= Request.Form["name"];}

   获取表单数据的4种方式：可以接收post与get提交的数据
         4.通过EntityClass实体类接收数据（后期经常使用）(Person person)
{string name = person.name;}