📝
AJAX
  • AJAX 課程
  • 1 簡介
    • 1.1 講者簡介
    • 1.2 課程簡介
    • 1.3 開發工具簡介
  • 2 基本觀念
    • 2.1 同步與非同步
    • 2.2 Client-Server 觀念
    • 2.3 資料格式
    • 2.4 關於跨網域
    • 2.5 認識 HTTP Verb
  • 3 XMLHttpRequest
    • 3.1 傳送一般資料
    • 3.2 傳送檔案資料
  • 4 Fetch
    • 4.1 語法
    • 4.2 傳送一般資料
    • 4.3 傳送檔案資料
  • 5 介面
  • 6 作業
  • 7 參考資料
Powered by GitBook
On this page
  • 資料格式
  • XML
  • JSON
  • 練習
  1. 2 基本觀念

2.3 資料格式

資料格式

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

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

  • JSON = JavaScript Object Notation。

範例假設:

有一個產品,品牌名稱為 the_brand,型號為 t-123,價格為 100000。圖片路徑有 http://ex.com/a.png 、 http://ex.com/b.png。

請分別用 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>

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

JSON

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

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

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

練習

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

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

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

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

試著用 JSON Parser 工具驗證。

Previous2.2 Client-Server 觀念Next2.4 關於跨網域

Last updated 1 year ago

XML Viewer
JSON Parser