jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()

serialize()

定义和用法

serialize() 方法通过序列化表单值，创建 URL 编码文本字符串。

您可以选择一个或多个表单元素（比如 input 及/或 文本框），或者 form 元素本身。

序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。

ps：最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式

语法

$(selector).serialize()

简单案例

console.log($("#interface-form").serialize();)

结果是

"pc=reset&pc=map&pc=thumbnail&pc=zoomin&phone=reset&phone=thumbnail&phone=previousScene&pad=gyroscope&pad=map&pad=thumbnail&logoSrc=logosrc&logoPosition=on&logoHref=logohref&companyName=%E5%85%AC%E5%8F%B8%E5%90%8D%E7%A7%B0&companyUrl=%E5%90%8D%E7%A7%B0%E8%BF%9E%E6%8E%A5"

serializeArray()

定义和用法

serializeArray() 方法通过序列化表单值来创建对象数组（名称和值）。

您可以选择一个或多个表单元素（比如 input 及/或 textarea），或者 form 元素本身。

ps:就是将form表单的每一项都转换成数组对象的每一项，并且以{name:”“,value:”“}方式push进入生成的数组当中

语法

$(selector).serializeArray()

简单案例

$("#interface-form").serializeArray()

结果

[
{"name":"pc","value":"reset"},
{"name":"pc","value":"map"},
{"name":"pc","value":"zoomin"},
{"name":"phone","value":"reset"},
{"name":"phone","value":"previousScene"},
{"name":"pad","value":"gyroscope"},
{"name":"pad","value":"map"},
{"name":"pad","value":"thumbnail"},
{"name":"logoSrc","value":"logosrc"},
{"name":"logoPosition","value":"on"},
{"name":"logoHref","value":"logohref"},
{"name":"companyName","value":"公司名称"},
{"name":"companyUrl","value":"名称连接"}
]