Ext.encode 与 Ext.decode

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

iteye_10540

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

阅读量309

点赞数

分类专栏： ExtJs 文章标签： json javascript ViewUI

ExtJs 专栏收录该内容

4 篇文章

订阅专栏

本文介绍如何使用ExtJS中的Ext.encode和Ext.decode方法进行JSON对象与JSON字符串之间的转换，并通过实例展示了如何操作JSON数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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>