DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> 關於JavaScript >> javascript解析json實例詳解
javascript解析json實例詳解
編輯:關於JavaScript     

本文實例講述了javascript解析json的方法。分享給大家供大家參考。具體方法如下:

下載json庫
http://www.json.org/json-zh.html自己找javascript的
或者直接去下面的
https://github.com/douglascrockford/JSON-js
 
php生成json格式

使用頁面

復制代碼 代碼如下:<script src="scripts/json.js"></script> 
alert(data.toJSONString());
 
如果返回false說明沒數據
 
js 代碼:
復制代碼 代碼如下:functionshowJSON() {  
   varuser =  
     {  
       "username":"tom",  
       "age":20,  
        "info": {"tel":"123456","cellphone":"98765"},  
      "address":  
       [  
                {"city":"shanghai","postcode":"201203"},  
                 {"city":"suzhou","postcode":"200000"}  
             ]  
     }  
      
     alert(user.username);  
     alert(user.age);  
     alert(user.info.cellphone);  
     alert(user.address[0].city);  
     alert(user.address[0].postcode);  
}
修改
復制代碼 代碼如下:user.username ="jerry";
可以使用eval來轉換JSON字符到Object
復制代碼 代碼如下:functionmyEval() {  
    varstr = '{"name":"Violet","occupation":"character"}';  
    varbj = eval('(' + str + ')');  
     alert(obj.toJSONString());  
}
 
或者使用parseJSON()方法
復制代碼 代碼如下:functionmyEval() {  
    varstr = '{"name":"Violet","occupation":"character"}';  
    varbj = str.parseJSON();  
     alert(obj.toJSONString());  
}

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

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