JS的Form表單轉JSON格式如何實現

今天小編給大家分享的是JS的Form表單轉JSON格式如何實現，相信很多人都不太了解，為了讓大家更加了解，所以給大家總結了以下內容，一起往下看吧。一定會有所收獲的哦。

目錄

• 一、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格式如何實現就分享到這里了，希望以上內容可以對大家有一定的參考價值，可以學以致用。如果喜歡本篇文章，不妨把它分享出去讓更多的人看到。