JS實(shí)現(xiàn)json的序列化和反序列化功能示例
本文實(shí)例講述了JS實(shí)現(xiàn)json的序列化和反序列化功能。分享給大家供大家參考，具體如下：
序列化：
var s = new Object(); s.Name = "clientValue"; s.Id = 1; s.ClassId = 2; var data = JSON.stringify(s); console.log(data);
反序列化：
eval將字符串反序列化成對(duì)象
var s = eval('(' + data+ ')');
console.log(s.Name);
完整示例：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>json序列化與反序列化</title>
</head>
<body>
<script >
//序列化
var s = new Object();
s.Name = "clientValue";
s.Id = 1;
s.ClassId = 2;
var data = JSON.stringify(s);
console.log(data);
//反序列化
var s = eval('(' + data+ ')');
console.log(s.Name);
</script>
</body>
</html>
運(yùn)行效果圖如下：
PS：關(guān)于json操作，這里再為大家推薦幾款比較實(shí)用的json在線工具供大家參考使用：
在線JSON代碼檢驗(yàn)、檢驗(yàn)、美化、格式化工具：
http://tools.jb51.net/code/json
JSON在線格式化工具：
http://tools.jb51.net/code/jsonformat
在線XML/JSON互相轉(zhuǎn)換工具：
http://tools.jb51.net/code/xmljson
json代碼在線格式化/美化/壓縮/編輯/轉(zhuǎn)換工具：
http://tools.jb51.net/code/jsoncodeformat
在線json壓縮/轉(zhuǎn)義工具：
http://tools.jb51.net/code/json_yasuo_trans
更多關(guān)于JavaScript相關(guān)內(nèi)容可查看本站專題：《JavaScript中json操作技巧總結(jié)》、《JavaScript查找算法技巧總結(jié)》、《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》及《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
關(guān)于JS中的apply,call,bind的深入解析
下面小編就為大家?guī)?lái)一篇關(guān)于JS中的apply,call,bind的深入解析。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來(lái)看看吧2016-04-04
JS實(shí)現(xiàn)網(wǎng)絡(luò)請(qǐng)求的三種方式梳理
本文主要為大家介紹了基于 XMLHttpRequest、Promise、async/await 等三種異步網(wǎng)絡(luò)請(qǐng)求的寫法，文中的示例代碼講解詳細(xì)，感興趣的可以學(xué)習(xí)一下2022-03-03
JavaScript實(shí)現(xiàn)文件的拖拽上傳功能
文件上傳,可以說是我們?cè)陧?xiàng)目中最常用的功能之一,文件上傳一般有兩種形式：點(diǎn)擊上傳和拖拽上傳,而上傳的內(nèi)容,又大體包括：文件和文件夾,本文給大家介紹了JavaScript實(shí)現(xiàn)文件的拖拽上傳功能的方法,需要的朋友可以參考下2024-02-02
最近在學(xué)Javascript，花了半個(gè)月的時(shí)間終于把《Javascript權(quán)威指南》(推薦此書，入門級(jí)) 掃完。 在學(xué)習(xí)的過程中發(fā)現(xiàn)使用JS實(shí)現(xiàn)動(dòng)態(tài)效果挺有趣的。2008-11-11
JS庫(kù)之Three.js 簡(jiǎn)易入門教程(詳解之一)
three.js是一款webGL框架，由于其易用性被廣泛應(yīng)用。下面腳本之家小編通過案例給大家闡述three.js的基本配置方法，具體內(nèi)容詳情大家參考下本文吧2017-09-09
這篇文章主要介紹了5分鐘打造簡(jiǎn)易高效的webpack配置,詳細(xì)的介紹了打包調(diào)試、提取公共代碼、壓縮、熱替換等配置，有興趣的可以了解一下2017-07-07
javascript中數(shù)組的concat()方法使用介紹
數(shù)組的concat()方法想必大家比不陌生吧，在本文為大家介紹下javascript中數(shù)組的concat()方法的具體使用，感興趣的朋友可以參考下2013-12-12
dedecms頁(yè)面如何獲取會(huì)員狀態(tài)的實(shí)例代碼
下面小編就為大家?guī)?lái)一篇dedecms頁(yè)面如何獲取會(huì)員狀態(tài)的實(shí)例代碼。一起跟隨小編過來(lái)看看吧，希望對(duì)大家有所幫助。2016-03-03
重復(fù)提交、重復(fù)刷新、防止后退等等都是屬于系統(tǒng)為避免重復(fù)記錄而需要解決的問題，在客戶端去處理需要針對(duì)每一種的可能提出相應(yīng)的解決方案，然而在服務(wù)器端看來(lái)只不過是對(duì)于數(shù)據(jù)真實(shí)性的檢驗(yàn)問題2012-09-09
JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法
在form表單提交中，使用button來(lái)間接完成submit的提交更為靈活。接下來(lái)通過本文給大家介紹JavaScript在form表單中使用button按鈕實(shí)現(xiàn)submit提交方法，需要的朋友參考下吧2017-01-01