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

.serializeArray()序列化表格元素相关推荐

HTML（二）：表格元素
表格元素的作用:用来格式化显示数据. 一.表格的基本结构表格的基本语法: <TABLE border="设置表格边框尺寸大小" width="" cel ...
php中插入表格标签,PHP_HTML中的表格元素，一，table标签。tablegt - phpStudy
HTML中的表格元素一, 1,border属性的参数值是数字,表示表格边框宽度所占的像素点数.它也可以不带有参数值使用,仅表示该表格是有边框的.例如, 2,width和height属性的作用是指定表 ...
php表格单元格怎么实现排序,javascript实现对表格元素进行排序操作
我们在上网中都能看到很多能够排序的,如大小.时间.价格等现在我们也试一下排序功能: 排序的函数代码:里面含有点击之后排序--还原,和排升序和降序. function sortAge(){ //对年龄 ...
Axure移动端通用元件库rplib格式包含安卓、苹果各种主流手机、平板线框图元件库、IOS系统图标、人物图标、导航和分页、表格元素、各种小图标等
包含安卓.苹果各种主流手机.平板线框图元件库.IOS系统图标.人物图标.导航和分页.表格元素.各种小图标等 1.本作品由完整演示.元件库版.框架模板三部分组成 • 完整演示的.rp格式文件包含了全部元 ...
五行表格HTML代码,认识HTML表格元素
表格基本结构表格由一行或多行单元格组成,应用表格可以让数据展现更有条理.例如,要展现一组企业员工通讯录,通讯录包括员工名称.电话.电子邮件.职务四项,就可以使用多行四栏的表格来展现企业员工通讯录.H ...
CSS-5 列表元素(ol+ul++li+dl+dt+dd)、表格元素、单元格合并、表单元素(input+label+radio+...)、Emmet语法、结构伪类(:nth-child）
目录 1_列表元素 1.1_列表的实现方式 1.2_有序列表 – ol – li 1.3_无序列表 – ul - li 1.4_定义列表 – dl – dt - dd 1.5_ 写前端代码逻辑顺序 2 ...
前端学习笔记之——表格元素
表格元素 1.生成基本的表格有三个元素是每个表格都必须要有的:table.tr 和 td. 元素 table 元素类型流允许具备的父元素任何可以包含流元素的元素局部属性 border 内容 ...
html表格元素位置,HTML的表格元素
一.HTML的表格元素 1.table元素 table元素的属性: frame属性值: rules的属性值: summary的用法: 1 2 3 Month 4 Savings 5 6 7 Janua ...
python docx 表格元素垂直水平居中
doc.tables[0].cell(a, b).vertical_alignment = WD_ALIGN_VERTICAL.CENTER # 垂直居中 doc.tables[0].cell(a, ...

.serializeArray()序列化表格元素

.serializeArray()序列化表格元素相关推荐

最新文章

热门文章