.serializeArray()序列化表格元素

（作者：苦行者；撰写时间：2019年7月6日）
1、一般地，我们做增删查改的时候，少不了要获取到页面的数据，然后把它们传递到控制器进行进一步处理，这个步骤很必要，是必不可少的。然而，获取页面数据的方法就我目前的知识层面来说已知的就有两种；
第一种方法是，直接根据ID或者其他能够唯一指向该元素的选择器来获取到该元素的值；
第二种方法，也就是今天我要重点讲述的序列化form表单，一次性获取到指定form表单里的所有表格元素并且以JSON 数据结构数据返回，返回的JSON对象是由一个对象数组组成的。
2、下面以一个简单的例子来讲述一下两种方法的区别；
这里有一个from表单，我给它一个LinkmanData的ID进行唯一标记，它里面有五个input标签的输入框，同样给它们一个ID进行唯一标记，同时给它一个name的属性，这个name的属性名称就跟数据库那边的字段名称一一对应；

2.1、接下来我先用第一种方法来获取它们的值。
获取格式为：var 变量名 = $("#form表单的ID名 [name = ‘name名’]").val();
获取到值之后，用post请求提交数据，提交的参数的格式为：{新变量名：变量名}；注意，这个新变量名一定要与控制器那边的参数名保持一致，比如如果控制器那边定义单个变量来接收的话，那么这个变量名就要与页面上传过来的新变量名保持一致，否则接收不到值；另一种情况，如果控制器那边不是定义单个变量来接收，而是用数据库的一张表来接收值的话，那么这个新变量名就要与数据库的表的字段名保持一致，否则一样接收不到值。

2.2、第二种方法：序列化from表单，作用等同于第一种方法；
格式为：var 变量名 = $("# form表单的ID名").serializeArray();
只需一句代码就能把整个form表单的所有值一并获取到，.serializeArray()方法是把指定form表单里的所有表格元素以JSON 数据结构数据返回，返回的JSON对象是由一个对象数组组成的。
而传参的时候就更加简单了，直接把变量名当作参数传到控制器即可。

3、第一种方法适用于具有少量表格元素的情况，而第二种方法则更适用于具有海量的表格元素的情况，当然少量表格元素的时候也可以使用第二种方法，只不过有点大材小用罢了。
总之，本人比较喜欢第二种方法，毕竟可以少写很多代码。