jquery序列化表单 将form表单转换成对象serializeArray()和转换成字符串serialize()
原创
©著作权归作者所有:来自51CTO博客作者暮志未晚的原创作品,请联系作者获取转载授权,否则将追究法律责任
serialize()
定义和用法
serialize() 方法通过序列化表单值,创建 URL 编码文本字符串。
您可以选择一个或多个表单元素(比如 input 及/或 文本框),或者 form 元素本身。
序列化的值可在生成 AJAX 请求时用于 URL 查询字符串中。
ps:最好的理解方式就是将form表单中的每一项都转换成get请求的字符串形式
语法
简单案例
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":"名称连接"}
]