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://hxwzsj.com/article/dsogsgo.html

其他资讯

Copyright © 2025 青羊区翔捷宏鑫字牌设计制作工作室(个体工商户) All Rights Reserved 蜀ICP备2025123194号-14
友情链接: 营销网站建设 成都网站建设 网站建设 成都网站设计 自适应网站建设 成都网站建设流程 成都网站建设公司 成都网站设计公司 成都网站设计 网站设计 成都网站建设 商城网站建设 成都网站建设 品牌网站建设 专业网站设计 手机网站制作设计 成都网站设计 定制级高端网站建设 成都网站建设推广 网站制作 成都网站建设 网站建设改版