目錄

• 一、serialize()方法
• 二、serializeArray()方法
• 三、$.param()方法
• js 將json字符串轉換為json對象的方法解析
• 一、JSON字符串轉換為JSON對象
• 二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對象轉化為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的形式

js 將json字符串轉換為json對象的方法解析

將json字符串轉換為json對象的方法。在數據傳輸過程中，json是以文本，即字符串的形式傳遞的，而JS操作的是JSON對象，所以，JSON對象和JSON字符串之間的相互轉換是關鍵.

例如：

JSON字符串:
var str1 = '{ "name": "cxh", "sex": "man" }';
JSON對象:
var str2 = { "name": "cxh", "sex": "man" };

一、JSON字符串轉換為JSON對象

要使用上面的str1，必須使用下面的方法先轉化為JSON對象：

//由JSON字符串轉換為JSON對象

var obj = eval('(' + str + ')');

或者

var obj = str.parseJSON(); //由JSON字符串轉換為JSON對象

或者

var obj = JSON.parse(str); //由JSON字符串轉換為JSON對象

然后，就可以這樣讀取：

Alert(obj.name);

Alert(obj.sex);

特別注意：如果obj本來就是一個JSON對象，那么使用eval（）函數轉換后（哪怕是多次轉換）還是JSON對象，但是使用parseJSON（）函數處理后會有問題（拋出語法異常）。

二、可以使用toJSONString()或者全局方法JSON.stringify()將JSON對象轉化為JSON字符串。

例如：

var last=obj.toJSONString(); //將JSON對象轉化為JSON字符

或者

var last=JSON.stringify(obj); //將JSON對象轉化為JSON字符

alert(last);

注意：

上面的幾個方法中，除了eval()函數是js自帶的之外，其他的幾個方法都來自json.js包。新版本的 JSON 修改了 API，將 JSON.stringify() 和 JSON.parse() 兩個方法都注入到了 Javascript 的內建對象里面，前者變成了 Object.toJSONString()，而后者變成了 String.parseJSON()。如果提示找不到toJSONString()和parseJSON()方法，則說明您的json包版本太低。

到此這篇關于JS的Form表單轉JSON格式的文章就介紹到這了,更多相關js form表單轉json格式內容請搜索以前的文章或繼續瀏覽下面的相關文章希望大家以后多多支持！