JavaScript表单提交总结

JavaScript表单提交总结

开发工具与关键技术：Visual Studio 2015 与 JavaScript
作者：肖骏平
撰写时间：2020年4月30日

MVC编程模式
MVC三种ASP.Net编程模式中的一种

MVC是一种使用MVC（model View Controller 模型-视图-控制器）设计创建Web应用程序的模式

序的模式：
Model（模型）表示应用程序核心（比如数据库记录列表）

View（视图）显示数据（数据库记录）

Controller（控制器）处理输入（写入数据库记录）

MVC模式同时提供了对HTML、CSS和JavaScript的完全控制

Content文件夹

Content文件夹用于存放静态文件，比如样式表(CsS文件)、图标和图像。。

Visual Web Developer 会自动添加一个themes文件夹到Content文件夹中。themes文件夹存放JQuery样式和图片。在项目中，您可以删除这个themes文件夹。

Visual Web Developer 同时也会添加一个标准的样式表文件到项目中:即content文件夹中的Site.css文件。这个样式表文件是您想要改变应用程序样式时需要编辑的文件。.

.Models 文件夹
Models文件夹包含表示应用程序模型的类。模型控制井操作应用程序的数据。。

.Views文件夹

Views文件夹用于存储与应用程序的显示相关的HTML文件(用户界面)。。

Views文件夹中包含每个控制器对应的一个文件夹。。

生Views文件夹中，Visual Web Developer已经创建了一个Account文件夹、一个Home文件夹、一个Shared文件夹。。

Account文件夹包含用于用户账号注册和登录的页面。。

Home文件夹用于存储诸如home页和about页之类的应用程序页面。中

Shared文件夹用于存储控制器问分享的视图(母版页和布局页)

表格：
Form表单的属性action与method

属性 值 描述

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

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

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将表单里的数据添加到act ion所指向的URL后面，并且两者之间使用”?”

而各个变量之间使用"&”连接:PSOT是将表单中的数据放在form的数据体(FormData)中，

按照键值对的方式，传递到所指向的action

3. GET是不安全的，因为在传输过程中，数据被放在请求的ur1中这样用户可以直接在浏览器上看到提交的数据，POST的所有操作对用户来说都是不可见的，数据都在数据体(FormData)中

4. GET方法向URL添加数据URL的长度是受限制的(URL的最大长度是2048个字符)，POST提交无限制

https:/ /www. w3school. com. cn/ tags/html ref ht tpmethods. asp

5. GET为form表单的默认提交方式

6. GET方式获取数据后，刷新不会有负面的影响，因为它只是获取数据，

7. 数据类型的限制GET只允许ASCII字符。POST则无限制（如果提交二进制（例如：图片）.需要使用POST方法）