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()⽅法
字符串转数组方法js格式:$.param(personObj)
功能:可以把json格式数据序列化成字符串形式
代码⽰例:
var obj={a:1,b:2}
var s=$.param(obj);
会形成a=1&b=2的形式
版权声明:本站内容均来自互联网,仅供演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198,我们将在24小时内删除。
发表评论