序列化: 序列化是将对象状态转换为可保持或传输的格式的过程。与序列化相对的是反序列化,它将流转换为对象。这两个过程结合起来,可以轻松地存储和传输数据。
function serializeForm(whichForm)
{
var parts = new Array();
var field = null;
for (var i = 0, len = whichForm.elements.length; i < len; i++)
{
field = whichForm.elements[i];
switch (field.type)
{
case "select-one":
case "select-multipe":
for (var j = 0, optLen = field.options.length; j < optLen; j++)
{
var option = field.options[j];
if (option.selected)
{
var optValue = "";
if (option.hasAttribute)
{
optValue = (option.hasAttribute("value") ? option.value : option.text);
} else {
optValue = (option.attributes["value"].specified ? option.value : option.text);
}
parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(optValue));
}
}
break;
case undefined:
case "file":
case "submit":
case "reset":
case "button":
break;
case "radio":
case "checkbox":
if (!field.checked)
{
break;
}
default:
parts.push(encodeURIComponent(field.name) + "=" + encodeURIComponent(field.value));
}
}
return parts.join("&");
}
分享到:
相关推荐
随着 Ajax 的出现,表单序列化已经成为一种常见需求。在 JavaScript 中,可 以利用表单字段的 type 属性,连同 name 和 value 属性一起实现对表单的序列化。在编写代码之前, 有必须先搞清楚在表单提交期间,浏览器...
NULL 博文链接:https://goro.iteye.com/blog/1671322
原生表单序列化 随着Ajax的出现,表单序列化已经成为一种需求,在学习原生Ajax时,若用POST方法向后台提交数据时,就需要将表单序列化 在JavaScript中可以利用表单字段的type属性,连同name和value属性,一起实现表单的...
主要介绍了基于JavaScript将表单序列化类型的数据转化成对象的处理(允许对象中包含对象) 的相关资料,需要的朋友可以参考下
遵循以下标准的简单表单序列化器和验证器。 Vanilla Form是基于标准的表单序列化和验证组件。 要获取序列化的表单数据,您唯一需要做的就是遵循标准输入接口声明表单控件(本机或自定义!):使用name , value , ...
jQuery中提供了jQuery.serizlizeArray来将表单序列化成一个数组。尽管如此,数组还是不方便我们操作,我需要讲表单序列化成一个对象。这样更方便于我们操作。 下面是代码: /** * @author gaohuia */ ...
主要介绍了javascript中from 表单序列化提交的实现方法,代码简单易懂,非常不错,需要的朋友参考下吧
序列化 HTML 表单 下载 1836B (100%) 1147B (62%) 1009B (54%) 用法 < form action ="" method =" get " > < input type =" text " name =" fullname " value =" James Bond " /> < input type...
jquery.serializeObject 创建表单元素的序列化表示
这段代码序列化form表单元素为json对象: <!Doctype html> <html xmlns=http://www.w3.org/1999/xhtml> <head> <title>jQuery扩展——form序列化到json对象</title> <meta ...
反序列化 jQuery 反序列化插件 概述: 这个插件包含两个函数,它们的工作方式与 jQuery 的“serialize()”函数相反。 也就是说,“序列化”采用一种形式(或输入的集合)并为 HTTP 请求返回正确的序列化字符串,此...
它期望数据以提供的格式进行序列化。 这是一个处理表单的示例验证器,其中包含: 必须存在的描述文本。 必须正确格式化的开始日期。 一系列条目字段,必须至少填写其中一个。 function NewValidator ( ) {sillypog ...
表单序列化程序 序列化表单对象并发出它的 Mono 模块。 文档 模块配置 事件模块名称是可配置的(默认值为serializedForm )。 "miidName" : { "module" : "github/jillix/form-serializer/MODULE_VERSION" , ...
6.9 序列化对象 6.10 对象方法 第7章 数组 7.1 创建数组 7.2 数组元素的读和写 7.3 稀疏数组 7.4 数组长度 7.5 数组元素的添加和删除 7.6 数组遍历 7.7 多维数组 7.8 数组方法 7.9 ECMAScript 5中的数组方法 7.10 ...
6.9 序列化对象141 6.10 对象方法142 第7章 数组144 7.1 创建数组 144 7.2 数组元素的读和写145 7.3 稀疏数组147 7.4 数组长度148 7.5 数组元素的添加和删除149 7.6 数组遍历149 7.7 多维数组...
6.9 序列化对象 6.10 对象方法 第7章 数组 7.1 创建数组 7.2 数组元素的读和写 7.3 稀疏数组 7.4 数组长度 7.5 数组元素的添加和删除 7.6 数组遍历 7.7 多维数组 7.8 数组方法 7.9 ECMAScript 5中的数组方法 7.10 ...
6.9 序列化对象 141 6.10 对象方法 142 第7章 数组 144 7.1 创建数组 144 7.2 数组元素的读和写 145 7.3 稀疏数组 147 7.4 数组长度 148 7.5 数组元素的添加和删除 149 7.6 数组遍历 149 7.7 多维数组 151 7.8 数组...
6.9 序列化对象 6.10 对象方法 第7章 数组 7.1 创建数组 7.2 数组元素的读和写 7.3 稀疏数组 7.4 数组长度 7.5 数组元素的添加和删除 7.6 数组遍历 7.7 多维数组 7.8 数组方法 7.9 ECMAScript 5中的数组方法 7.10 ...
连载 将表单数据序列化为查询字符串,数组,对象或JSON字符串。 安装 脚本标签 ... 序列化使用。 您可以使用@ 1.2.3语法从CDN中获取主要版本,次要版本或补丁版本。...序列化还使用ES模块import语法支持现代浏览器