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的形式

 

来源：https://www.cnblogs.com/bushui/p/11731198.html