Ext.encode 与 Ext.decode .

Ext.encode( Mixed o ) : String： json对象转换json字符串

Ext.decode( String json ) : Object： json字符串转换json对象

 

实例

 

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>  

posted on 2017-06-27 11:17  我是陌生人  阅读(770)  评论(0)  编辑  收藏  举报