ExtJs中decode與encode(轉載)

來源:互聯網
上載者:User

標籤:style   blog   http   io   ar   color   使用   sp   java   

出自:http://blog.163.com/xiao_mege/blog/static/72942753201102693545195/

在述說這個例子之前,我假想你已經知道什麼是Json資料了,那麼在這裡在溫習一下吧:

JSON(JavaScript Object Notation) 是一種資料交換格式,採用完全獨立於語言的文字格式設定;
JSON建構於兩種結構:“名稱/值”對的集合和值的有序列表

下面詳細說明下:
“名稱/值”對的集合(A collection of name/value pairs)。不同的語言中,它被理解為對象(object),紀錄(record),結構(struct),字典(dictionary),雜湊表(hash table),有鍵列表(keyed list),或者關聯陣列 (associative array)。
值的有序列表(An ordered list of values)。在大部分語言中,它被理解為數組(array)。
JSON具有以下這些形式: 

對象是一個無序的“‘名稱/值’對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值’ 對”之間使用“,”(逗號)分隔。
數組是值(value)的有序集合。一個數組以“[”(左中括弧)開始,“]”(右中括弧)結束。值之間使用“,”(逗號)分隔。 

值(value)可以是雙引號括起來的字串(string)、數值(number)、 ture、false、 null、對象(object)或者數組(array)。這些結構可以嵌套。

字串(string)是由雙引號包圍的任意數量Unicode字元的集合,使用反斜線轉義。一個字元(character)即一個單獨的字串(character string)。
空白可以加入到任何符號之間

------------------------以下來自百度的最新報告

下面介紹Ext中兩個很重要的方法,其實,Ext中沒有多餘的方法,每個方法都能夠恰當好處的發揮它的作用,這裡指它很重要,是因為它們太常用了,尤其是在與資料庫交換資料的時候
Ext中有兩個很重要的方法,一個是decode;一個是encode.顧名思義,一個是編碼,一個是解碼,你難道真的這麼想嗎?
嚴格的說,一個是將json字串轉換成對象;一個是將對象轉換成json字串

下面這個樣本主要介紹的是Ext.decode()和Ext.encode()的用法,其中使用到了json格式的串,首先是用到了Ext.decode()方法,將json格式的串轉換成對象,然後通過對象訪問對象所包含的各個屬性的值,通過訊息框把它們顯示出來;之後在用Ext.encode()將已經產生的對象轉換成開始定義的json格式的串,也通過訊息框把它們顯示出來,加了一個函數,使得在第一個訊息框彈出3秒鐘後再彈出第二個訊息框

用圖片說明吧

//下面是將json字串轉換成對象後,通過對象訪問屬性產生的訊息框

//下面是將上面產生的對象又轉換成json字串後產生的訊息框

具體看下樣本吧

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="testDecode.aspx.cs" Inherits="Test.Example.hello.testDecode" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "
http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="
http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>測試Ext.decode()和Ext.encode()方法</title>
<link rel="Stylesheet" type="text/css" href="http://www.cnblogs.com/ExtJS/resources/css/ext-all.css" />
<link rel="Stylesheet" type="text/css" href="http://www.cnblogs.com/ExtJS/resources/css/xtheme-purple.css" />
<script type="text/javascript" src="http://www.cnblogs.com/ExtJS/adapter/ext/ext-base.js"></script>
<script type="text/javascript" src="http://www.cnblogs.com/ExtJS/ext-all.js"></script>
<script type="text/javascript" src="http://www.cnblogs.com/ExtJS/ext-lang-zh_CN.js"></script>
</head>
<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>
</html>

現在這個例子就可以說明Ext.decode()和Ext.encode()方法的完美作用了.

用圖片說明吧

//下面是將json字串轉換成對象後,通過對象訪問屬性產生的訊息框

//下面是將上面產生的對象又轉換成json字串後產生的訊息框

ExtJs中decode與encode(轉載)

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在5個工作日內處理。

如果您發現本社區中有涉嫌抄襲的內容,歡迎發送郵件至: info-contact@alibabacloud.com 進行舉報並提供相關證據,工作人員會在 5 個工作天內聯絡您,一經查實,本站將立刻刪除涉嫌侵權內容。

A Free Trial That Lets You Build Big!

Start building with 50+ products and up to 12 months usage for Elastic Compute Service

  • Sales Support

    1 on 1 presale consultation

  • After-Sales Support

    24/7 Technical Support 6 Free Tickets per Quarter Faster Response

  • Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.