form表单学习总结

form表单学习总结

开发工具与关键技术：Visual Studio 2015与jQuery

作者：刘鑫婷

撰写时间：2019年3月27日

1、 Form表单的属性是action以及method。

2、 其中action的值URL是表单元素的提交地址;而method的值post和get是表单元素的提交方式。

3、值得注意的是Get（）方法会使参数直接暴露在URL上。而又由于URL有长度的限制，所以get方法不能向服务器发送大量的数据，只能发送小量的数据。

下图为get方法提交：

5、但我们的form表单的默认提交方式就是get方法，因此，当我们不想暴露参数时就需要把提交方式改为post方法。

6、用post方法时，是将表单数据放在form的数据体中，通过键（变量）：值（对象）的方式传送到action中。如下图所示：

7、用get方法时，在action的值url后用“？”与表单数据相连接，且各个变量之间是用“&” 相连接的。如下图所示：

8、用get方法提交，刷新后不会有负面影响，因为他只获取数据；用post方法提交，刷新后是重复提交，可能会有负面效果。

9、get是向服务器获取数据，但post却是向服务器传递经过修改后的数据。

10、get和post都是一个简单的具有请求功能的方法，能取代复杂的$.Ajax函数，它们请求成功后才可以调用回调函数。

11、与post相比，get方法在绝大多数情况下都能使用，且更简单和快速。然而，也有几种情况是使用post方法比使用get方法的起到的效果更好的。就例如：

（1）传输大量的数据时；

（2）更新数据库等具有大量数据的软件以及文件时；

（3）用户输入的字符具有未知字符时。

12、get和post是表单自带元素，而$.get()和$.post()是jQuery中封装好的方法。Get和post直接写在HTML中的form标签的属性中，而$.get()和$.post()是写在之中。