欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JSON+JavaScript處理JSON的簡單例子

 更新時間:2013年03月20日 16:10:02   作者:  
JSON+JavaScript處理JSON的簡單例子,需要的朋友可以參考一下

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

JSON建構于兩種結構:

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

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

這些都是常見的數(shù)據(jù)結構。事實上大部分現(xiàn)代計算機語言都以某種形式支持它們。這使得一種數(shù)據(jù)格式在同樣基于這些結構的編程語言之間交換成為可能。

JSON具有以下這些形式:

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

相關文章

  • Bootstrap datepicker日期選擇器插件使用詳解

    Bootstrap datepicker日期選擇器插件使用詳解

    這篇文章主要為大家詳細介紹了Bootstrap datepicker日期選擇器插件的使用方法,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2017-07-07
  • 如何在微信小程序中存setStorage

    如何在微信小程序中存setStorage

    這篇文章主要介紹了如何在微信小程序中存setStorage,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下
    2019-12-12
  • JS實現(xiàn)文字放大效果的方法

    JS實現(xiàn)文字放大效果的方法

    這篇文章主要介紹了JS實現(xiàn)文字放大效果的方法,實例分析了javascript鼠標事件控制css樣式的技巧,需要的朋友可以參考下
    2015-03-03
  • js獲取文件里面的所有文件名(實例)

    js獲取文件里面的所有文件名(實例)

    下面小編就為大家?guī)硪黄猨s獲取文件里面的所有文件名(實例)。小編覺得挺不錯的,現(xiàn)在就分享給大家,也給大家做個參考。一起跟隨小編過來看看吧
    2017-10-10
  • js實現(xiàn)數(shù)字拼圖

    js實現(xiàn)數(shù)字拼圖

    這篇文章主要為大家詳細介紹了js實現(xiàn)數(shù)字拼圖,文中示例代碼介紹的非常詳細,具有一定的參考價值,感興趣的小伙伴們可以參考一下
    2022-07-07
  • js如何監(jiān)聽input輸入事件及使用防抖封裝函數(shù)處理方法

    js如何監(jiān)聽input輸入事件及使用防抖封裝函數(shù)處理方法

    這篇文章主要給大家介紹了關于js如何監(jiān)聽input輸入事件及使用防抖封裝函數(shù)處理方法的相關資料,最近有一個需求,需要我們實時監(jiān)聽input輸入框中的內容,從而帶來更好的用戶體驗,需要的朋友可以參考下
    2023-07-07
  • 使用webpack打包ts代碼的實現(xiàn)

    使用webpack打包ts代碼的實現(xiàn)

    本文主要介紹了使用webpack打包ts代碼的實現(xiàn),文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2022-06-06
  • js實現(xiàn)讓某個動作延遲幾秒執(zhí)行

    js實現(xiàn)讓某個動作延遲幾秒執(zhí)行

    這篇文章主要介紹了使用js實現(xiàn)讓某個動作延遲幾秒執(zhí)行的方法,具有很好的參考價值,希望對大家有所幫助。如有錯誤或未考慮完全的地方,望不吝賜教
    2022-06-06
  • js添加綁定事件的方法

    js添加綁定事件的方法

    這篇文章主要為大家詳細介紹了js添加事件的通用方法,還為大家介紹了js綁定事件的常用方式,感興趣的小伙伴們可以參考一下
    2016-05-05
  • 極酷的javascirpt,讓你隨意編輯任何網頁

    極酷的javascirpt,讓你隨意編輯任何網頁

    極酷的javascirpt,讓你隨意編輯任何網頁...
    2007-02-02

最新評論