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

Ext.encode 与 Ext.decode .的相关文章

Ext.encode 抛出异常“Uncaught RangeError: Maximum call stack size exceeded”

在用使用Ext.encode(ExtObject)过程中抛出了如下错误: Uncaught RangeError: Maximum call stack size exceeded 实际上,不能用 Ext.encode 处理 Ext对象(比如Ext.Store),这是一个bug.当然,用该方法处理其他JSON时不会出现异常.

打印程序javascript笔记 Ext.decode和Ext.encode

先使用decode方法,这个方法是将json字符串转换成对象的                //第一步:先定义一个json字符串吧        var 刘天王 = "{姓名:'刘德华',性别:'男',老家:'香港'}";                //第二步:现在我们要把刘天王转换成对象了        var who = Ext.decode(刘天王);                //第三步:who成了对象后就相当于是类的对象了,里面的姓名,性别,老家都成了who的属性了

Ext JS学习第十三天 Ext基础之 Ext.Element

•Ext.Element提供了181个方法,嗯,还没完,只是在4.1版本中是这样,最新的4.2版本貌似又增加了新方法,可谓是相当丰富给力.那么根据操作类型基本可以分为查询系.DOM操作系.样式操作系.对齐.尺寸.定位.拖放.滚动.键盘.动画系等方法供开发人员使用.由于API是英文版本,我特意花了一个下午时间把他们整理了出来,共同学们参考使用!! ----------------------------------------------------------------------------

ExtJS4 Ext.onReady、Ext.define、Ext.create的区别与联系 http://blog.sina.com.cn/s/blog_48d7f92901011cfn.html

1.Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行. 2.Ext.define 说明:创建类,可以继承其他类,也可以被继承. 例子1: <script type="text/javascript"> Ext.onReady(function () { //创建一个类,类名:TextClass,具有两个属性:A.B Ext.define('TextClass', { A: 'a', B: 'b' }); //实例化类 var textClas

Ext JS学习第十五天 Ext基础之 Ext.DomQuery

此文同来记录学习笔记 •Ext.dom.Query 嗯,这个类一看就是到时做什么事儿的,不用我去过多的解释了.这个类一共提供了8个方法供开发人员去使用. •要说最常用的方法,无非就是Ext.query这个方法,之前我们已经简单接触过了这个方法,下面是此方法的详细使用规则: –基本元素选择器 id选择器 css的类选择器 标签选择器(简单选择器) –属性选择器 –伪类选择器(也可以说是相当于JQ过滤选择器) •Ext.query基本使用形式: –Ext.query('span')     返回整个

ExtJS4教程—-Ext.onReady、Ext.define、Ext.create基础方法(转)

Ext.onReady 说明:onReady内的语句块会在页面上下文加载后再执行 例子: <html> <head> <title>Index</title> <link href="http://www.cnblogs.com/Scripts/ext-4.0.7-gpl/ext-4.0.7-gpl/resources/css/ext-all.css" rel="stylesheet" type="te

Extjs-工具条和菜单 Ext.menu和Ext.Toolbar

转载自:http://blog.csdn.net/itlwc/article/details/7878002 1.创建一个简单工具条效果图 [javascript] view plaincopy <script type="text/javascript" defer> Ext.onReady(function(){ // 创建带三个按钮的工具条 var tb = new Ext.Toolbar({ width : 300, items : [{ text: '新建' },

Ext文本输入框:Ext.form.TextField属性汇总(转) (

本章介绍Ext.form.TextField组件的基本用法: <form id="form1" runat="server">    <div>    <div id="Bind_TextField"></div>    <br />    <div id="Bind_Button"></div>    <script type=&quo

Ext.get和Ext.fly的区别

在Extjs的官方文档中,Ext.get()和Ext.fly()的方法的声明如下: get( String/HTMLElement/Ext.Element el ) : Ext.dom.Element fly( String/HTMLElement dom, [String named] ) : Ext.dom.AbstractElement.Fly 这两个方法的区别: 1.Ext.get()使用理论缓存的机制,如果你需要频繁的操作一个dom节点的话,就使用这个方法 而Ext.fly()使用的是