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>  
發佈了46 篇原創文章 · 獲贊 18 · 訪問量 21萬+
發表評論
所有評論
還沒有人評論,想成為第一個評論的人麼? 請在上方評論欄輸入並且點擊發布.
相關文章