JS對(duì)象與json字符串格式轉(zhuǎn)換實(shí)例
本文實(shí)例講述了JS對(duì)象與json字符串格式轉(zhuǎn)換的實(shí)現(xiàn)方法，分享給大家供大家參考。具體實(shí)現(xiàn)方法如下：
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title></title>
<script type="text/javascript">
var obj = new Object();
obj.Name = "八戒"
obj.Age = 500;
//通過字面量的形式來定義對(duì)象
var obj1 = { "Name": "八戒", "Age": "500" };
var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];
//JSON格式：將json的字面量表示形式，當(dāng)做字符串存放，則為json格式字符串
var str = '{ "Name": "八戒", "Age": "500" }';
var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';
//將json字符串轉(zhuǎn)換成js對(duì)象（數(shù)組）
var resobj = JSON.parse(str);
alert(resobj.Name);
</script>
</head>
<body>
</body>
</html>
在前端js對(duì)象和json對(duì)象的互轉(zhuǎn)：
一、JS對(duì)象轉(zhuǎn)換成為JSON
處理：引用一個(gè)json2.js文件，調(diào)用JSON.stringify()方法。例如：
var json_data = JSON.stringify(data);
PS：json2.js這個(gè)文件在網(wǎng)上搜一下就能下載到。
二、JSON轉(zhuǎn)換成為JS
1.處理：用jQuery的一個(gè)方法$.parseJSON()將JSON格式的數(shù)據(jù)轉(zhuǎn)成JS對(duì)象。例如：
var data = $.parseJSON(json_data);
2.將json轉(zhuǎn)換成js對(duì)象的方法：
通過上面這個(gè)表達(dá)式，就完成了將服務(wù)器端響應(yīng)給客戶端的Json格式的字符串解析成了一個(gè)Json（格式的）對(duì)象，名稱為“json”，通過“json.”或者“json[]”的方式便可進(jìn)行數(shù)據(jù)訪問。
在后臺(tái)對(duì)js對(duì)象和json對(duì)象的互轉(zhuǎn)：
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer類對(duì)數(shù)據(jù)進(jìn)行序列化和反序列化
示例：
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);
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
C語言風(fēng)格/HTML/CSS/json代碼格式化美化工具：
http://tools.jb51.net/code/ccode_html_css_json
希望本文所述對(duì)大家的web程序設(shè)計(jì)能有所幫助。
- js 將json字符串轉(zhuǎn)換為json對(duì)象的方法解析
- 解析JSON對(duì)象與字符串之間的相互轉(zhuǎn)換
- js 轉(zhuǎn)json格式的字符串為對(duì)象或數(shù)組(前后臺(tái))的方法
- 將JSON字符串轉(zhuǎn)換成Map對(duì)象的方法
- js中把JSON字符串轉(zhuǎn)換成JSON對(duì)象最好的方法
- Json對(duì)象和字符串互相轉(zhuǎn)換json數(shù)據(jù)拼接和JSON使用方式詳細(xì)介紹(小結(jié))
- JS對(duì)象與json字符串相互轉(zhuǎn)換實(shí)現(xiàn)方法示例
- JS遍歷Json字符串中鍵值對(duì)先轉(zhuǎn)成JSON對(duì)象再遍歷
- js字符串轉(zhuǎn)json對(duì)象的四種實(shí)現(xiàn)方法
相關(guān)文章
這篇文章主要介紹了javascript定時(shí)器完整實(shí)現(xiàn)方法,以實(shí)例形式分析了定時(shí)器的嵌套調(diào)用技巧,具有一定參考借鑒價(jià)值,需要的朋友可以參考下2015-02-02
基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成（簡單版）
這篇文章主要介紹了基于javascript實(shí)現(xiàn)彩票隨機(jī)數(shù)生成的相關(guān)資料，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
JS實(shí)現(xiàn)回到頁面頂部動(dòng)畫效果的簡單實(shí)例
下面小編就為大家?guī)硪黄狫S實(shí)現(xiàn)回到頁面頂部動(dòng)畫效果的簡單實(shí)例。小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2016-05-05
基于JS+HTML實(shí)現(xiàn)彈窗提示是否確認(rèn)提交功能
這篇文章主要介紹了基于JS+HTML實(shí)現(xiàn)彈窗提示是否確認(rèn)提交功能,需要的朋友可以參考下2020-06-06
Chrome不支持showModalDialog模態(tài)對(duì)話框和無法返回returnValue問題的解決方法
上個(gè)禮拜修改測(cè)試一個(gè)后臺(tái)管理項(xiàng)目，在測(cè)試與各個(gè)瀏覽器兼容性的時(shí)候，發(fā)現(xiàn)在chrome瀏覽器下showModalDialog方法顯示的并不是模態(tài)對(duì)話框，就像新打開一個(gè)頁面一樣，父窗口仍然可以隨意獲取焦點(diǎn)，并可以打開多個(gè)窗體，而且返回值returnValue也無法返回，一直是undefined2016-10-10
這篇文章主要介紹了全面解析Bootstrap圖片輪播效果，Bootstrap提供了carousel插件，實(shí)現(xiàn)圖片輪播非常方便，文中示例代碼介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們可以參考一下2016-01-01
詳解webpack4之splitchunksPlugin代碼包分拆
這篇文章主要介紹了詳解webpack4之splitchunksPlugin代碼包分拆，小編覺得挺不錯(cuò)的，現(xiàn)在分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧2018-12-12
這幾天不是很忙，就找了些拖動(dòng)布局方面的資料看看，也學(xué)著寫了個(gè)拖動(dòng)布局的效果，沒想到花了好多時(shí)間，七拼八湊，總算是把這個(gè)效果寫出來了。2010-10-10
本篇文章主要介紹了JS函數(shù)節(jié)流防抖，函數(shù)節(jié)流和函數(shù)防抖為了解決類似需求應(yīng)運(yùn)而生的，有興趣的可以了解一下2017-10-10
js+html5實(shí)現(xiàn)的自由落體運(yùn)動(dòng)效果代碼
這篇文章主要介紹了js+html5實(shí)現(xiàn)的自由落體運(yùn)動(dòng)效果,通過JavaScript結(jié)合html5元素調(diào)用時(shí)間函數(shù)實(shí)時(shí)計(jì)算實(shí)現(xiàn)物體自由下落及動(dòng)能損耗的效果,需要的朋友可以參考下2016-01-01