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://csruizhi.cn/article/dsogsgo.html

其他资讯

Copyright © 2007-2024 成都优众联杰科技有限公司 All Rights Reserved 蜀ICP备2024116266号
友情链接: 成都网站建设 四川成都网站制作 LED网站设计方案 网站建设方案 网站制作公司 成都网站制作 企业网站建设公司 成都网站制作 网站设计公司 响应式网站设计 成都网站制作 响应式网站建设 高端网站建设 阿坝网站设计 广安网站设计 企业网站设计 成都网站建设 H5网站制作 成都网站设计 成都网站设计 成都网站建设 高端网站设计