成都网站建设设计

将想法与焦点和您一起共享

form表单内容序列化的两种方法

form表单内容序列化

form表单自带两种方法serialize()方法和serializeArray()方法

创新互联公司坚持“要么做到,要么别承诺”的工作理念,服务领域包括:成都网站设计、做网站、企业官网、英文网站、手机端网站、网站推广等服务,满足客户于互联网时代的黟县网站设计、移动媒体设计的需求,帮助企业找到有效的互联网解决方案。努力成为您成熟可靠的网络建设合作伙伴!

1.serialize()方法

描述:序列化表单内容为字符串(不包括文件),用于Ajax请求。

格式:var data = $('#form').serialize();

2.serializeArray()方法

描述:序列化表单元素(类似'.serialize()'方法)返回JSON数据结构数据(不包括文件)。

注意,此方法返回的是JSON对象而非JSON字符串。
需要使用插件或者第三方库进行字符串化操作;
也可以通过each循环,得到每个json对象,再通过.的方式取得具体的建与值

格式:var jsonData = $('#form').serializeArray();
$.each($(jsonData,function(index,obj){
           formData.append(obj.name,obj.value )
        })
# 补充:each方法,第一个参数是一个可迭代对象,第二个参数是函数,函数内的参数是index索引和循环出来的obj对象。

名称栏目:form表单内容序列化的两种方法
本文路径:http://chengdu.cdxwcx.cn/article/dsogsgo.html