1. 程式人生 > >JSON字符串和對象的轉換

JSON字符串和對象的轉換

function www. name itl onload 對象 方法 -s -h

1.json對象轉字符串

技術分享圖片
<script type="text/javascript">
        window.onload = function () {
            var jsonObj = { "name": "張三", "sge": 18, "sex": "" };
            var jsonStr = JSON.stringify(jsonObj);
            console.log(jsonStr);//輸出: ‘{ "name": "張三", "sge": 18, "sex": "男" }‘
        }
      
    </script>
技術分享圖片

2.json字符串轉對象

.使用JSON.parse()函數;

技術分享圖片
 <script type="text/javascript">
        window.onload = function () {
            var jsonStr = { "name": "張三", "sge": 18, "sex": "男" };
            var jsonObj = JSON.parse(jsonStr);
            console.log(jsonObj); //輸出: { "name": "張三", "sge": 18, "sex": "男" }        }
      
    </script>
技術分享圖片

. 使用eval()函數;

技術分享圖片
 <script type="text/javascript">
        window.onload = function () {
            var jsonStr = { "name": "張三", "sge": 18, "sex": "男" };
            var jsonObj = eval("("+jsonStr+")");
            console.log(jsonObj);//輸出: { "name": "張三", "sge": 18, "sex": "男" }
        }
      
    </script>
技術分享圖片

.使用jQuery插件jQuery.parseJSON();

技術分享圖片
<script type="text/javascript">
        $(document).ready(function () {
            var jsonStr =  { "name": "張三", "sge": 18, "sex": "男" };
            var jsonObj = jQuery.parseJSON(jsonStr);
            console.log(jsonObj); //輸出: { "name": "張三", "sge": 18, "sex": "男" }
        });
       
    </script>
技術分享圖片

使用jQuery插件jQuery.parseJSON()的時候,需要引用json3.js,JSON官方(http://www.json.org/)提供了一個json3.js,提供了JSON的序列化和反序列化方法,可以將一個JSON對象轉換成JSON字符串,也可以將一個JSON字符串轉換成一個JSON對象。這樣ie8(兼容模式),ie7和ie6就可以支持JSON對象以及其stringify()和parse()方法;

JSON 3是與各種JavaScript平臺兼容的現代JSON實現,包括Internet Explorer 6,Opera 7,Safari 2和Netscape 6.當前版本是3.3.2。 可以在 https://bestiejs.github.io/json3/ 獲取到這個js. 現在一般用json3.js json3.js本地下載地址:http://download.csdn.net/download/chenchunlin526/10170731 使用方法: 使用該js包,需要在頁面引入json3.js文件。
   <script src="js/json3.js"></script>

JSON字符串和對象的轉換