JSON學習（二） – JavaScript處理JSON資料

上一章介紹了如何用JSON表示資料，這一章將為我們解決如何在伺服器端產生JSON格式的資料以便發送到用戶端，以及用戶端如何使用JavaScript處理JSON格式的資料。

 

我們先討論如何在Web頁面中用JavaScript處理JSON資料，我們通過一個簡單的JavaScript方法就能看到用戶端如何將JSON資料表示給使用者：

 

function handleJson(){      var j = {"name":"Michael","address":          {"city":"Beijing","street":"Chaoyang Road","postcode":100025}      };      document.write(j.name);      document.write(j.address.city);}

假定伺服器返回的JSON資料是上文的：

{"name":"Michael","address":

         {"city":"Beijing","street":"Chaoyang Road","postcode":100025}

 }

只需將其賦值給一個JavaScript變數，就可以立刻使用該變數並更新頁面中的資訊了，相比XML需要從DOM中讀取各種節點而言，JSON的使用非常容易，我們需要做的僅僅是發送一個Ajax請求，然後將伺服器返回的JSON資料賦值給一個變數即可，有許多Ajax架構早已包含了處理JSON資料的能力，

例如Prototype（一個流行的JavaScript庫：Http://prototypejs.org）提供了evalJSON()方法，能直接將伺服器返回的JSON文本變成一個JavaScript變數：

new Ajax.Request(http://url,{

     method:"get",

     ouSuccess:function(transport){

          var json = transport.responseText.evalJSON();

         //TODO  ：document.write(json.xxx); 

    }

);