Html代码  
  1. <body>  
  2.     <form id="form1" runat="server">  
  3.     <div>  
  4.     <script type="text/javascript">  
  5.   
  6.  function ready()   
  7.     {   
  8.         //再用一个示例说明下如何使用decode和encode,现在我们已经知道什么是json数据格式了,也知道它的作用和语法了   
  9.         //现在我们就开始演练吧   
  10.         //先使用decode方法,这个方法是将json字符串转换成对象的   
  11.            
  12.         //第一步:先定义一个json字符串吧   
  13.         var 刘天王 = "{姓名:'刘德华',性别:'男',老家:'香港'}";   
  14.            
  15.         //第二步:现在我们要把刘天王转换成对象了   
  16.         var who = Ext.decode(刘天王);   
  17.            
  18.         //第三步:who成了对象后就相当于是类的对象了,里面的姓名,性别,老家都成了who的属性了,现在知道怎么通过对象访问属性了吧   
  19.         var name = who.姓名;    //获取who对象的[姓名]属性   
  20.         var sex = who.性别;     //获取who对象的[性别]属性   
  21.         var home = who.老家;    //获取who对象的[老家]属性   
  22.            
  23.         //第四步:下面将获取的信息组合起来   
  24.         var result = "刘天王资料的信息:姓名是--"+name + ";性别--"+sex+";老家--"+home;   
  25.            
  26.         //第五步:我们把获取的who对象的信息用弹出消息的方式显示出来吧   
  27.         Ext.Msg.alert("刘天王的资料信息",result);   
  28.            
  29.         //以上就是将一个json字符串转换成对象后,再逐个访问对象的属性的示例   
  30.            
  31.         //下面使用encode方法   
  32.         //encode方法很简单了,就是将上面生成的who对象再转换成第一步定义的json字符串   
  33.            
  34.         //定义一个到时间执行的函数   
  35.         var getJson = function()   
  36.         {   
  37.             //你完全可以把这段写在函数外面,之所以包含在里面纯属是为了在显示第一个消息框后再隔3秒显示下面这个消息窗口   
  38.                
  39.             var jsonStr = Ext.encode(who);   
  40.                
  41.             //我们还是通过弹出消息的方式把这个json字符串显示出来吧   
  42.             Ext.Msg.alert("jsonStr信息内容",jsonStr);   
  43.         };   
  44.            
  45.         //下面这个方法意思是:在3秒之后会调用函数getJson执行里面包含的脚本   
  46.            
  47.         setTimeout(getJson,3000);    
  48.            
  49.         //补充点东西   
  50.            
  51.         //Ext.decode()和Ext.encode()分别是是 Ext.util.JSON.decode()和Ext.util.JSON.encode的简写   
  52.            
  53.     }   
  54.     Ext.onReady(ready);   
  55.     </script>  
  56.     </div>  
  57.     </form>  
  58. </body>