DIV CSS 佈局教程網

 DIV+CSS佈局教程網 >> 網頁腳本 >> JavaScript入門知識 >> JavaScript基礎知識 >> 從零學JSON之JSON數據結構
從零學JSON之JSON數據結構
編輯:JavaScript基礎知識     

最近在開發微信平台,要使用JSON進行數據交換,之前用過JSON,但僅限於……

在開發微信平台中,要使用JSON形式如下:
代碼片斷1:
復制代碼 代碼如下:
{
     "button":[
     {   
          "type":"click",
          "name":"今日歌曲",
          "key":"V1001_TODAY_MUSIC"
      },
      {
           "type":"click",
           "name":"歌手簡介",
           "key":"V1001_TODAY_SINGER"
      },
      {
           "name":"菜單",
           "sub_button":[
           {   
               "type":"view",
               "name":"搜索",
               "url":"http://www.soso.com/"
            },
            {
               "type":"view",
               "name":"視頻",
               "url":"http://v.qq.com/"
            },
            {
               "type":"click",
               "name":"贊一下我們",
               "key":"V1001_GOOD"
            }]
       }]
 }

然後用PHP的json_encode()函數,對一二維數組轉換成JSON形式

 但轉換出來的JSON形式:
 代碼片斷2:

復制代碼 代碼如下:
{
    "button": {
        "1": {
            "type": "click",
            "name": "今日歌曲",
            "key": "V1001_TODAY_MUSIC"
        },
        "2": {
            "type": "click",
            "name": "歌手簡介",
            "key": "V1001_TODAY_SINGER"
        },
        "3": {
            "name": "菜單",
            "sub_button": [
                {
                    "type": "view",
                    "name": "搜索",
                    "url": "http://www.soso.com/"
                },
                {
                    "type": "view",
                    "name": "視頻",
                    "url": "http://v.qq.com/"
                },
                {
                    "type": "click",
                    "name": "贊一下我們",
                    "key": "V1001_GOOD"
                }
            ]
        }
    }
}

看出來形式是不一致的。

只能來了解一下JSON的結構形式。
JSON有兩種數據:1.無序的對象結構;2.有序的數組結構
1.無序的對象結構
 無序的對象結構在不同語言中稱法不同,比如在Python中稱為字典,在JS中稱為JSON對象……
 總之就是鍵/值對組合形式。
 剛才我轉換出來的JSON結構就是無序的鍵/值對組合
2.有序的數組結構
 有序的的數組結構,即代碼片斷2所展示的結構。
 將數組作為有序數組進行轉換JSON,就可以得到有序的JOSN數組結構。

XML學習教程| jQuery入門知識| AJAX入門| Dreamweaver教程| Fireworks入門知識| SEO技巧| SEO優化集錦|
Copyright © DIV+CSS佈局教程網 All Rights Reserved