DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> JS對象與json字符串格式轉換實例
JS對象與json字符串格式轉換實例
編輯:關於JavaScript     

本文實例講述了JS對象與json字符串格式轉換的實現方法,分享給大家供大家參考。具體實現方法如下:

復制代碼 代碼如下:<head>
    <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;

        //通過字面量的形式來定義對象
        var obj1 = { "Name": "八戒", "Age": "500" };
        var arr = [{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];

        //JSON格式:將json的字面量表示形式,當做字符串存放,則為json格式字符串
        var str = '{ "Name": "八戒", "Age": "500" }';
        var jsonstrarr = '[{ "Name": "八戒", "Age": "500" }, { "Name": "八戒1", "Age": "1000" }];';
       
        //將json字符串轉換成js對象(數組)
        var resobj = JSON.parse(str);
        alert(resobj.Name);

    </script>
</head>
<body>
</body>
</html>

在前端js對象和json對象的互轉:

一、JS對象轉換成為JSON

處理:引用一個json2.js文件,調用JSON.stringify()方法。例如:復制代碼 代碼如下:var data = new Object();
var json_data = JSON.stringify(data);
 
PS:json2.js這個文件在網上搜一下就能下載到。

二、JSON轉換成為JS

1.處理:用jQuery的一個方法$.parseJSON()將JSON格式的數據轉成JS對象。例如:復制代碼 代碼如下:var json_data = $.getJSON();
var data = $.parseJSON(json_data); (可用來成轉換js數組)

2.將json轉換成js對象的方法:復制代碼 代碼如下:var json = eval('(' + result + ')');
通過上面這個表達式,就完成了將服務器端響應給客戶端的Json格式的字符串解析成了一個Json(格式的)對象,名稱為“json”,通過“json.”或者“json[]”的方式便可進行數據訪問。
 
在後台對js對象和json對象的互轉:
 
.NET Framework 4在System.Runtime.Serialization中。利用JavaScriptSerializer類對數據進行序列化和反序列化

示例:

復制代碼 代碼如下://將param反序列列list集合
List<ApplyPart> _ApplyPart = new JavaScriptSerializer().Deserialize<List<ApplyPart>>(param);

PS:關於json操作,這裡再為大家推薦幾款比較實用的json在線工具供大家參考使用:

在線JSON代碼檢驗、檢驗、美化、格式化工具:
http://tools.jb51.net/code/json

JSON在線格式化工具:
http://tools.jb51.net/code/jsonformat

在線XML/JSON互相轉換工具:
http://tools.jb51.net/code/xmljson

json代碼在線格式化/美化/壓縮/編輯/轉換工具:
http://tools.jb51.net/code/jsoncodeformat

在線json壓縮/轉義工具:

http://tools.jb51.net/code/json_yasuo_trans

C語言風格/HTML/CSS/json代碼格式化美化工具:
http://tools.jb51.net/code/ccode_html_css_json

希望本文所述對大家的web程序設計能有所幫助。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved