Ext.encode 与 Ext.decode

最新推荐文章于 2019-01-17 19:27:09 发布

转载最新推荐文章于 2019-01-17 19:27:09 发布 · 2.4k 阅读

文章标签：

#Extjs #数据 #string

Extjs 专栏收录该内容

1 篇文章

订阅专栏

本文介绍如何使用Ext.decode和Ext.encode方法进行JSON数据的解析与生成。通过实例演示将JSON字符串转换为对象，并再次转换回字符串的过程。

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

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

<body>  
    <form id="form1" runat="server">  
    <div>  
    <script type="text/javascript">  
  
 function ready()  
    {  
        //再用一个示例说明下如何使用decode和encode，现在我们已经知道什么是json数据格式了，也知道它的作用和语法了  
        //现在我们就开始演练吧  
        //先使用decode方法，这个方法是将json字符串转换成对象的  
          
        //第一步：先定义一个json字符串吧  
        var 刘天王 = "{姓名:'刘德华',性别:'男',老家:'香港'}";  
          
        //第二步：现在我们要把刘天王转换成对象了  
        var who = Ext.decode(刘天王);  
          
        //第三步：who成了对象后就相当于是类的对象了，里面的姓名，性别，老家都成了who的属性了，现在知道怎么通过对象访问属性了吧  
        var name = who.姓名;    //获取who对象的[姓名]属性  
        var sex = who.性别;     //获取who对象的[性别]属性  
        var home = who.老家;    //获取who对象的[老家]属性  
          
        //第四步：下面将获取的信息组合起来  
        var result = "刘天王资料的信息：姓名是--"+name + "；性别--"+sex+"；老家--"+home;  
          
        //第五步：我们把获取的who对象的信息用弹出消息的方式显示出来吧  
        Ext.Msg.alert("刘天王的资料信息",result);  
          
        //以上就是将一个json字符串转换成对象后，再逐个访问对象的属性的示例  
          
        //下面使用encode方法  
        //encode方法很简单了，就是将上面生成的who对象再转换成第一步定义的json字符串  
          
        //定义一个到时间执行的函数  
        var getJson = function()  
        {  
            //你完全可以把这段写在函数外面，之所以包含在里面纯属是为了在显示第一个消息框后再隔3秒显示下面这个消息窗口  
              
            var jsonStr = Ext.encode(who);  
              
            //我们还是通过弹出消息的方式把这个json字符串显示出来吧  
            Ext.Msg.alert("jsonStr信息内容",jsonStr);  
        };  
          
        //下面这个方法意思是：在3秒之后会调用函数getJson执行里面包含的脚本  
          
        setTimeout(getJson,3000);   
          
        //补充点东西  
          
        //Ext.decode()和Ext.encode()分别是是 Ext.util.JSON.decode()和Ext.util.JSON.encode的简写  
          
    }  
    Ext.onReady(ready);  
    </script>  
    </div>  
    </form>  
</body>