JSON学习（二） - JavaScript处理JSON数据

上一章介绍了如何用JSON表示数据，这一章将为我们解决如何在服务器端生成JSON格式的数据以便发送到客户端，以及客户端如何使用JavaScript处理JSON格式的数据。

 

我们先讨论如何在Web页面中用JavaScript处理JSON数据，我们通过一个简单的JavaScript方法就能看到客户端如何将JSON数据表示给用户：

 

[html]  view plain copy print ?

1. function handleJson()  
2. {  
3.       var j = {"name":"Michael","address":  
4.           {"city":"Beijing","street":"Chaoyang Road","postcode":100025}  
5.       };  
6.       document.write(j.name);  
7.       document.write(j.address.city);  
8. }  

假定服务器返回的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); 

    }

);