Ajax 數據交換新選擇：拥抱 JSON，告别冗余 XML

為什麼要在 Ajax 中放棄 XML？

Ajax 全稱 Asynchronous JavaScript and XML，但 XML 並非唯一選擇。XML 本質是符合規範的文本，解析需遍歷 DOM 樹，效能低且代碼冗長。JSON (JavaScript Object Notation) 作為 JavaScript 原生物件字面量表示，天然適合瀏覽器端處理，成為現代 Ajax 首選資料格式。

JSON 核心優勢

• 零解析成本：eval() 或 JSON.parse() 直接轉為 JavaScript 物件。
• 輕量易讀：結構簡潔，無標籤開銷，傳輸體積減少 30%-50%。
• 原生支援：JavaScript 引擎內建高效解析器，現代瀏覽器皆支援 JSON 全域物件。

JSON 語法速覽

物件

{ "name": "Michael", "email": "17bity@gmail.com", "homepage": "https://www.jialing.net" }

陣列

[
  { "name": "Michael", ... },
  { "name": "John", ... },
  { "name": "Peggy", ... }
]

值類型

字串 (雙引號)、數值、布林、null、物件、陣列，支援任意巢狀。

Ajax 中使用 JSON 範例

// 客戶端
var xhr = new XMLHttpRequest();
xhr.open('GET', '/api/contacts', true);
xhr.onload = function() {
  if (xhr.status === 200) {
    var contacts = JSON.parse(xhr.responseText); // 安全解析
    renderContacts(contacts);
  }
};
xhr.send();

// 伺服器端 回傳
// Content-Type: application/json
// [
//   {"name":"Michael","email":"17bity@gmail.com"},
//   {"name":"John","email":"john@gmail.com"}
// ]

JSON vs XML 詳細對比

結語

在 Ajax 這一特定領域，JSON 以原生優勢全面超越 XML。未來術語或將演進為 AJAJ (Asynchronous JavaScript and JSON)。建議新專案優先採用 JSON，既有 XML 系統可漸進式遷移。