表单（四）表单序列化

表单序列化的作用是：将表单内容序列化成一个字符串,方便Ajax传递表单值给服务器。

【浏览器把表单数据提交到服务器的细节】：

1. 对字段的名和值进行URL编码，并使用“&”分隔
2. 不发送禁用的字段 disabled
3. 多选框中每个选中的名值对是单独的一个条目
4. 在<select>元素中，option如果没有value特性，则值为option的文本值text
5. 不发送button、reset、submit、file字段的名值对

var form = document.getElementById("表单ID");
function serialize(form){var parts = [],   //保存字段和对应值的一个数组field = null,i,len,j,optLen,option,optValue;for(i=0,len = form.elements.length;i<len;i++){field = form.elements[i];switch(field.type){case "select-one":case "select-multiple":if(field.name.length){for(j=0,optLen=field.options.length;j<optLen;j++){option = field.options[j];if(option.hasAttribute){optValue = (option.hasAttribute("value")? option.value : option.text);}//IEelse{optValue = (option.attributes["value"].specified ? option.value : option.text);}parts.push(encodeURIComponent(field.name) +"="+ encodeURIComponent(optValue));}}break;case undefined:  //fieldset元素没有type属性case "file":case "button":case "reset":case "submit":break;case "radio":case "checkbox":if(!field.checked){break;  //没有勾选的不用发送给服务器}default:if(field.name.length){parts.push(encodeURIComponent(field.name) +"="+ encodeURIComponent(field.value));}}}return parts.join("&");
}

表单（四）表单序列化相关推荐

远程集中抄表系统四表合一由武汉七叶研发
物理机存放mysql实例原则_MySQL优化笔记（四）--表的设计与优化（单表、多表）...
前面讲了SQL优化以及索引的使用.设计优化了,那么接下来就到表的设计与优化啦!!!真实地去设计优化单表结构以及讲述多表设计基本原则(结合真实的生产环境的取舍来讲述). 文章结构:(1)单表设计与优化: ...
分步表单_表单设计-掌握表单设计方法（表单体验篇）
全篇阅读大概需要15min,对表单设计不熟悉的同学看完后肯定会有不少的收获~~~ 说到表单其实在生活中可以接触到各种各样的表单,比如:驾照申请表.体检表.银行开户需要填写的表等等,这些都是表单,主要目 ...
form表单中根据值判断是否disabled_Java 0基础入门（Html表单、表单元素）
上一篇:Java 0基础入门 (Html标签的使用) 表单在网页中主要负责数据采集功能. 一.表单实际应用场景百度搜索 5173注册如上两张图,图中的黑色线条是我画上去的,如果按照黑线,在Excl ...
第三章表单与表单元素
学习目标理解表单的作用理解表单与表单元素的关系掌握表单标签及其属性掌握各种表单元素标签及其属性在Web网页中,浏览者经常需要与Web服务器进行数据交互.当浏览者需要填写数据并将这些数据发送到 ...
mysql 单表多级查询_mysql单表与多表查询
单表查询 """ 增: insert [into] [数据库名.]表名[(字段1[, ..., 字段n])] values (数据1[, ..., 数据n])[, ... ...
mysql数据库：mysql增删改、单表、多表及子查询
一.数据增删改二.单表查询三.正表达式匹配四.多表查询五.子查询一..数据增删改增加 insert [into] 表名[(可选字段名)] values(一堆值1),(一堆值2),... ...
mysql 修改多表数据库_mysql数据库：mysql增删改、单表、多表及子查询
本文目录: 一.数据增删改增加数据 insert [into] 表名[(可选字段名)] values(一堆值1),(一堆值2),..... into 可以省略表名后的字段可以选如果写了后面的v ...
python 全栈开发，Day62(外键的变种(三种关系),数据的增删改,单表查询,多表查询)...
一.外键的变种(三种关系) 本节重点: 如何找出两张表之间的关系表的三种关系一.介绍因为有foreign key的约束,使得两张表形成了三种了关系: 多对一多对多一对一二.重点理解如果找出 ...
excel数据表单_Excel中的工作表数据输入表单
excel数据表单 With a bit of programming, you can make it easy for users to enter data in an Excel workbo ...

表单（四）表单序列化

表单序列化的作用是：将表单内容序列化成一个字符串,方便Ajax传递表单值给服务器。

【浏览器把表单数据提交到服务器的细节】：

表单（四）表单序列化相关推荐

最新文章

热门文章