JSON+JavaScript處理JSON的簡單例子

來源:互聯網
上載者:User

JSON(JavaScript Object Notation) 是一種輕量級的資料交換格式。易於人閱讀和編寫。同時也易於機器解析和產生。它基於JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一個子集。 JSON採用完全獨立於語言的文字格式設定,但是也使用了類似於C語言家族的習慣(包括C, C++, C#, Java, JavaScript, Perl, Python等)。這些特性使JSON成為理想的資料交換語言。

JSON建構於兩種結構:

1、“名稱/值”對的集合(A collection of name/value pairs)。不同的語言中,它被理解為對象(object),紀錄(record),結構(struct),字典(dictionary),雜湊表 (hash table),有鍵列表(keyed list),或者關聯陣列 (associative array)。

2、值的有序列表(An ordered list of values)。在大部分語言中,它被理解為數組(array)。

這些都是常見的資料結構。事實上大部分現代電腦語言都以某種形式支援它們。這使得一種資料格式在同樣基於這些結構的程式設計語言之間交換成為可能。

JSON具有以下這些形式:

•對象是一個無序的“‘名稱/值'對”集合。一個對象以“{”(左括弧)開始,“}”(右括弧)結束。每個“名稱”後跟一個“:”(冒號);“‘名稱/值' 對”之間使用“,”(逗號)分隔。
•數組是值(value)的有序集合。一個數組以“[”(左中括弧)開始,“]”(右中括弧)結束。值之間使用“,”(逗號)分隔。
•值(value)可以是雙引號括起來的字串(string)、數值(number)、true、false、 null、對象(object)或者數組(array)。這些結構可以嵌套。
•字串(string)是由雙引號包圍的任意數量Unicode字元的集合,使用反斜線轉義。一個字元(character)即一個單獨的字串(character string)。
•字串(string)與C或者Java的字串非常相似。
•數值(number)也與C或者Java的數值非常相似。除去未曾使用的八進位與十六進位格式。除去一些編碼細節。
•空白可以加入到任何符號之間。 以下描述了完整的語言。
JSON舉例(javascript中使用json):

複製代碼 代碼如下:<script type="text/javascript">
var user =
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
{
"City":"Beijing","ZipCode":"111111"
},
"Email":"hubery@jb51.net"
};

alert(user.Id);
alert(user.Name);
alert(user.Age);
alert(user.Address.City);
alert(user.Address.ZipCode);
alert(user.Email);
</script>
下面我們把Address屬性定義成數組,使用者有兩個Address:

<script type="text/javascript">
var user =
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
[
{"City":"Beijing","ZipCode":"111111"},
{"City":"Langfang","ZipCode":"222222"}
],
"Email":"hubery@jb51.net"
};

alert(user.Id);
alert(user.Name);
alert(user.Age);
alert(user.Address[0].City);//還可以這樣:alert(user.Address[0]["City"]);
alert(user.Address[0].ZipCode);
alert(user.Address[1].City);
alert(user.Address[1].ZipCode);
alert(user.Email);
</script>

如果我們想要一個使用者列表,能行嗎?答案是,沒問題!

複製代碼 代碼如下:<script type="text/javascript">
var user =
[
{
"Id":1,
"Name":"Hubery",
"Age":23,
"Address":
[
{"City":"Beijing","ZipCode":"111111"},
{"City":"Langfang","ZipCode":"222222"}
],
"Email":"hubery@jb51.net"
},
{
"Id":2,
"Name":"Chris",
"Age":24,
"Address":{"City":"Beijing","ZipCode":"100085"},
"Email":"chris@jb51.net"
}
]

alert("Id: "+user[0].Id+"\r\nName: "+
user[0].Name+"\r\nAge: "+
user[0].Age+"\r\nAddress: ("+
user[0].Address[0].City+","+user[0].Address[0].ZipCode+") ("+user[0].Address[1].City+","+user[0].Address[1].ZipCode+")\r\nEmail: "+
user[0].Email);

alert("Id: "+user[1].Id+"\r\nName: "+
user[1].Name+"\r\nAge: "+
user[1].Age+"\r\nAddress: ("+
user[1].Address.City+","+user[1].Address.ZipCode+")\r\nEmail: "+
user[1].Email);
</script>

相關文章

聯繫我們

該頁面正文內容均來源於網絡整理,並不代表阿里雲官方的觀點,該頁面所提到的產品和服務也與阿里云無關,如果該頁面內容對您造成了困擾,歡迎寫郵件給我們,收到郵件我們將在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.