js中 json物件與json字串相互轉換的幾種方式 $.parseJSON(jsonStr)json字串轉換為json物件
阿新 • • 發佈:2021-01-11
今天在工作中,需要在前端 將需要提交至伺服器的資料 組裝成json物件,然後轉化為字串,提交至後端。
nodes = $('#PmPbsSelect_tree').tree('getChecked'); var data=[]; for(var i=0;i<nodes.length;i++){ if(!isParentCheck(nodes[i],nodes)){ data.push({"id":nodes[i].id,"pid":node.id}); }else{ data.push({"id":nodes[i].id,"pid":null}); } }
//將json物件轉化為字串
dataStr=JSON.stringify(data); //ajax提交請求 if (nodes) { $.ajax({ url:ctx+"/PmWbs/savePmWbsByModel", type:"POST", data:{"dataStr":dataStr, "projectId":pmProjectSelect.combobox('getValue')}, success:function(data){ basetree.tree('reload'); }, error:function(){ alert("請求失敗"); }, dataType:"json" }); return true; } else { alertInfo("請選擇專案"); return false; }
以下總結js中 json物件與json字串相互轉換的幾種方式:
一、JSON物件轉化為JSON字串
1.使用JSON.stringify()方法進行轉換
該方法不支援較老版本的IE瀏覽器,比如:ie8(相容模式)、ie7、ie6。
var jsonStr = JSON.stringify(jsonObj);
alert(jsonStr);
二、JSON字串轉化為JSON物件
1.使用eval()函式進行轉換
使用eval()轉換時需要在json字元外包裹一對小括號。
ie8(相容模式)、ie7、ie6不要使用此方法。
var jsonObj = eval('(' + jsonStr + ')');
alert(jsonObj[0]["key"]);
2.使用JSON.parse()方法進行轉換
ie8(相容模式)、ie7、ie6不要使用此方法。
var jsonObj = JSON.parse(jsonStr);
3.使用jQuery進行轉換
如果我們專案中有使用jQuery,那麼直接使用$.parseJSON()方法即可,而且可以確保各個瀏覽器的相容性。
var jsonObj = $.parseJSON(jsonStr);
以後有需要再進行擴充