經(jīng)驗(yàn)不在于年限,在于積累---專注互聯(lián)網(wǎng)軟件開(kāi)發(fā)

          把工作當(dāng)事業(yè)做,把項(xiàng)目當(dāng)作品做!

            BlogJava :: 首頁(yè) :: 聯(lián)系 :: 聚合  :: 管理
            55 Posts :: 0 Stories :: 66 Comments :: 0 Trackbacks
           

          JSON(JavaScript Object Notation) 是一種輕量級(jí)的數(shù)據(jù)交換格式,采用完全獨(dú)立于語(yǔ)言的文本格式,是理想的數(shù)據(jù)交換格式。同時(shí),JSON JavaScript 原生格式,這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不需要任何特殊的 API 或工具包。
          本文主要是對(duì)JS操作JSON的方法做下總結(jié)。

          在JSON中,有兩種結(jié)構(gòu):對(duì)象和數(shù)組。
              1. 一個(gè)對(duì)象以“{”(左括號(hào))開(kāi)始,“}”(右括號(hào))結(jié)束。每個(gè)“名稱”后跟一個(gè)“:”(冒號(hào));“‘名稱/值’ 對(duì)”之間使用“,”(逗號(hào))分隔。 名稱用引號(hào)括起來(lái);值如果是字符串則必須用括號(hào),數(shù)值型則不需要。例如:
              var o={"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"};    
              2. 數(shù)組是值(value)的有序集合。一個(gè)數(shù)組以“[”(左中括號(hào))開(kāi)始,“]”(右中括號(hào))結(jié)束。值之間使用“,”(逗號(hào))分隔。
              例如:
              var jsonranklist=[{"xlid":"cxh","xldigitid":123456,"topscore":2000,"topplaytime":"2009-08-20"},{"xlid":"zd","xldigitid":123456,"topscore":1500,"topplaytime":"2009-11-20"}];

          為了方便地處理JSON數(shù)據(jù),JSON提供了json.js包,下載地址:http://www.json.org/json.js

          在數(shù)據(jù)傳輸過(guò)程中,json是以文本,即字符串的形式傳遞的,而JS操作的是JSON對(duì)象,所以,JSON對(duì)象和JSON字符串之間的相互轉(zhuǎn)換是關(guān)鍵。例如:
                 JSON
          字符串:
                 var str1 = '{ "name": "cxh", "sex": "man" }'; 
                 JSON對(duì)象:
                 var str2 = { "name": "cxh", "sex": "man" }; 


          一、
          JSON字符串轉(zhuǎn)換為JSON對(duì)象

          要使用上面的str1,必須使用下面的方法先轉(zhuǎn)化為JSON對(duì)象:

          //JSON字符串轉(zhuǎn)換為JSON對(duì)象

          var obj = eval('(' + str + ')');

          或者

          var obj = str.parseJSON(); //JSON字符串轉(zhuǎn)換為JSON對(duì)象 

          或者

          var obj = JSON.parse(str); //JSON字符串轉(zhuǎn)換為JSON對(duì)象

          然后,就可以這樣讀取:

          Alert(obj.name);

          Alert(obj.sex);

           

          特別注意:如果obj本來(lái)就是一個(gè)JSON對(duì)象,那么使用eval()函數(shù)轉(zhuǎn)換后(哪怕是多次轉(zhuǎn)換)還是JSON對(duì)象,但是使用parseJSON()函數(shù)處理后會(huì)有問(wèn)題(拋出語(yǔ)法異常)。



          二、可以使用
          toJSONString()或者全局方法JSON.stringify()JSON對(duì)象轉(zhuǎn)化為JSON字符串。

          例如:

          var last=obj.toJSONString(); //JSON對(duì)象轉(zhuǎn)化為JSON字符

          或者

          var last=JSON.stringify(obj); //JSON對(duì)象轉(zhuǎn)化為JSON字符

          alert(last);


          注意:
              上面的幾個(gè)方法中,除了
          eval()函數(shù)是js自帶的之外,其他的幾個(gè)方法都來(lái)自json.js包。新版本的 JSON 修改了 API,將 JSON.stringify() JSON.parse() 兩個(gè)方法都注入到了 Javascript 的內(nèi)建對(duì)象里面,前者變成了 Object.toJSONString(),而后者變成了 String.parseJSON()。如果提示找不到toJSONString()parseJSON()方法,則說(shuō)明您的json包版本太低。

          友情提醒:本博文章歡迎轉(zhuǎn)載,但請(qǐng)注明出處:陳新漢

          posted on 2009-09-15 21:58 hankchen 閱讀(40724) 評(píng)論(14)  編輯  收藏 所屬分類: JS+jQuery

          Feedback

          # re: JS操作JSON總結(jié) 2009-09-16 19:40 cxh8318
          不錯(cuò)!!!!!!  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2009-09-18 02:37 learngogo
          謝謝  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2010-08-08 19:48 心夢(mèng)帆影
          總結(jié)的不錯(cuò),一直沒(méi)搞清,要用哪些轉(zhuǎn)換的方法,有哪些兼容問(wèn)題。
          看了你的文章,突然有點(diǎn)明白了。

          --看到你博客上的“經(jīng)驗(yàn)不在于年限,在于積累”,覺(jué)得很有道理。  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2010-12-06 10:16 huqq
          很不錯(cuò)的資料  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié)[未登錄](méi) 2011-03-02 14:02 小弟
          講解的非常不錯(cuò)!簽名都是那么的有個(gè)性,講解的更是。讓我徘徊幾個(gè)月。今天算是知道怎么回事了。謝謝!  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2011-03-25 21:24 shuang
          我把你的博客放到我的收藏夾里面了..以后關(guān)注  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2011-08-09 13:33 31互聯(lián)
          www.31idc.com  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2011-10-13 11:38 like
          謝謝 很有用  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2011-11-25 09:56 深入.net
          @心夢(mèng)帆影
          大實(shí)話  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2012-01-05 14:56 大袋鼠
          好!  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2012-03-08 16:42 小莫莫
          好東西啊  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2013-05-18 12:02 Romen
          感謝分享  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2013-12-31 13:35 比特
          不錯(cuò)  回復(fù)  更多評(píng)論
            

          # re: JS操作JSON總結(jié) 2014-11-21 17:22 菜鳥(niǎo)程序員
          寫的真不錯(cuò)  回復(fù)  更多評(píng)論
            

          主站蜘蛛池模板: 阜南县| 运城市| 新乡县| 永修县| 正宁县| 临夏市| 贞丰县| 景谷| 昌江| 安庆市| 桦甸市| 阜阳市| 山西省| 南皮县| 顺义区| 沅江市| 西峡县| 四子王旗| 高雄市| 千阳县| 都匀市| 安义县| 通州市| 镇原县| 友谊县| 额敏县| 镇雄县| 布尔津县| 黄山市| 咸宁市| 沙田区| 和顺县| 同江市| 沅江市| 屏山县| 新野县| 吉安市| 通榆县| 中阳县| 黄龙县| 来凤县|