JS的Form表单转JSON格式


一、serialize()方法

格式:var data = $("#formID").serialize();

功能:将表单内容序列化成一个字符串。

注意:要使用params = decodeURIComponent(data ,true)进行解码,不然中文数据会乱码。

数据示例:Name=小明&Age=22&Sex=男

后台:获取字符串后,可以到后台进行处理数据。

代码示例:

$.ajax({ url: "ServletSelect?action=ins", type: "post", data: $("form").serialize(), dataType:"json", success: function (data) { alert(data.msg); } })

 

二、serializeArray()方法

格式:var strdata = $("#formID").serializeArray();

功能:将表单序列化成一个JSON结构的对象。数组类型。

数据示例:(3)[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}] 获取数据为 data [0].name

通过JSON.stringify()方法,将json数据转成string类型,供后台接收。

转换类型:var str=  JSON.stringify(strdata );//转换成string数据

数据示例:”[{name:"Name",value:"小明"},{name:"Age",value:"22"},{name:"Sex",value:"男"}]”

代码示例:

 

var arry = $("表单").serializeArray(); $.ajax({ url: "/index/index", data: { jsondata: JSON.stringify(arry) }, type:"post", success: function () { alert("success"); } })

 

 

三、$.param()方法

格式:$.param(personObj)

功能:可以把json格式数据序列化成字符串形式

代码示例:

var obj={a:1,b:2} var s=$.param(obj);

会形成a=1&b=2的形式

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM