🙂
JavaScript - 程式設計
  • JavaScript - 程式設計
  • 1. 簡介
    • 1.1 講者簡介
    • 1.2 課程簡介
    • 1.3 開發工具簡介
    • 1.4 第一個 JavaScript
  • 2. 網站技術簡介
    • 2.1 網站前端技術
    • 2.2 網站後端技術
    • 2.3 JavaScript 簡介
  • 3. JavaScript程式語言
    • 3.1 套用 JavaScript
    • 3.2 註解(Comment)
    • 3.3 變數(Variable)
    • 3.4 資料型態(Data Types)
    • 3.5 Strict 模式
    • 3.6 運算子(Operator)
    • 3.7 字串(String)
    • 3.8 數值(Number)
    • 3.9 陣列(Array)
    • 3.10 物件(Object)
    • 3.11 條件式(Conditional)
    • 3.12 迴圈(Loop)
    • 3.13 函式(Function)
    • 3.14 類別(Class)
    • 3.15 傳值呼叫、傳址呼叫
    • 3.16 變數可視範圍(scope)
    • 3.17 錯誤補捉(Errors)
    • 3.18 資料格式
  • 4. JavaScript常用函式及主題
    • 4.1 JSON
    • 4.2 時間間隔執行
    • 4.3 數學(Math)
    • 4.4 日期時間(Date)
    • 4.5 陣列迭代(Iteration)
    • 4.6 陣列排序(Sort)
    • 4.7 正規表達式(Regular Expression)
    • 4.8 效能測試
    • 4.9 this 關鍵字
  • 5. 參考資料
Powered by GitBook
On this page
  • 範例假設
  • XML
  • JSON
  • 練習
  1. 3. JavaScript程式語言

3.18 資料格式

Previous3.17 錯誤補捉(Errors)Next4. JavaScript常用函式及主題

Last updated 3 years ago

無論是同個系統或是多個系統之間,互相傳遞資料時,最常用的兩種格式,即 XML 與 JSON。都是純文字格式。

  • XML = eXtensible Markup Language。HTML 就是 XML 的其中一種。

  • JSON = JavaScript Object Notation。

範例假設

有一個產品,品牌名稱為 the_brand,型號為 t-123,價格為 100000。圖片路徑有 。

分別用 XML及 JSON 格式來表達:

XML

就像寫 HTML 一樣,只是現在可自行定義標籤名稱:

<product>
  <brand>the_brand</brand>
  <model>t-123</model>
  <price>100000</price>
  <pictures>
    <source>http://ex.com/a.png</source>
    <source>http://ex.com/b.png</source>
  </pictures>
</product>

JSON

物件及陣列兩種格式都屬於 JSON 格式:

{
  "brand": "the_brand",
  "model": "t-123",
  "price": "100000",
  "pictures":["http://ex.com/a.png", "http://ex.com/b.png"]
}

練習

寫一個 JSON 格式,敘述如下:

1、一個物件資料,有兩個 key,分別是 msg 與 data;

2、msg 的 value 部份,是一個字串,就叫「success」;

3、data 是一個陣列資料,裡面存著兩筆書本物件資料,該物件資料 key 的部份 有 book_name 與 book_price;值的部份,可任意填入。

若想確認 XML 格式是否符合規範的話,可到 網站測試。如圖:

若想確認 JSON 格式是否符合規範的話,可到 或 測試。如圖:

試著用 工具驗證。

http://ex.com/a.png、http://ex.com/b.png
XML Viewer
JSON Parser
這個網站
JSON Parser