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