iT邦幫忙

DAY 21
0

JavaScript學習路系列 第 21

JavaScript學習路-(21)JSON-1

JSON = JavaScript Object Notation (JavaScript 物件表示法),
以文字儲存 & 傳送資料,可以想像 json 也是一個盒子( JavaScript 四處可見盒子哪~),
裡面有很多~格可以儲存固定格式的資料。
當瀏覽器向伺服器要求檔案時,伺服器把 json 資料回傳給瀏覽器,
JavaScript 再轉換成看得懂的資訊,經由 html + CSS 的美化後呈現。

JSON 字串寫法:

{
    "name": "Ferrari FF",
    "dimensions ":[{
        "Length": "4907 mm",
        "Width": "1953 mm",
        "Height": "1379 mm"
    }],
    "weight": 1790,
    "Top speed":"335 km/h"
}
  • 裡面的鍵值都長得一組一組的,用 : 隔開,式子為
    "我是鍵 (key)": "我是值 (value)",鍵只能用字串不能直接用數字
  • 字串用""包起來,不能用 ''
  • [] 是用來放陣列的資料,
    裡面的值可以是數字、字串、布林、物件、陣列、判斷式、null,
    可以混搭,如上例,我把尺寸物件包在一個陣列裡
  • {} 是用來放物件的資料
  • JSON 不能寫註解
  • 不同鍵值間以 , 區隔

將上面式子貼到 JSON EDITOR ONLINE 上可以看到結構,蠻方便的
寫完後按 Save 就可以下載囉

如果要在JSON裡面加入雙引號、 tab 鍵之類的事情,跟編輯字串一樣使用以下:
\"\" = 雙引號
\t = tab 鍵
\\ = \
\n = enter 鍵到下一行

參考資料

瞭解json格式

本文同步發表於 http://azzurro.blog.aznc.cc/learn_javascript_21/


上一篇
JavaScript學習路-(20)Cookie
下一篇
JavaScript學習路-(22)JSON-2
系列文
JavaScript學習路30
圖片
  直播研討會
圖片
{{ item.channelVendor }} {{ item.webinarstarted }} |
{{ formatDate(item.duration) }}
直播中

尚未有邦友留言

立即登入留言