對于前端開發人員來說，AJAX（Asynchronous JavaScript and XML）是一個非常重要的技術。它可以讓我們在不刷新整個頁面的情況下，通過異步請求和響應來處理數據。在實際應用中，我們常常需要發送數據到服務器或從服務器獲取數據，而這些數據往往以不同的格式進行傳輸。本文將介紹AJAX的常見數據格式，并以舉例方式加以說明。
JSON（JavaScript Object Notation）是目前最常見的數據格式之一。它以鍵值對的形式存儲數據，并使用大括號和方括號分別表示對象和數組。以下是一個示例，展示了一個包含兩個學生信息的JSON對象：

{
"students": [
{
"name": "Alice",
"age": 20,
"major": "Computer Science"
},
{
"name": "Bob",
"age": 22,
"major": "Engineering"
}
]
}

XML（eXtensible Markup Language）是另一種常見的數據格式。它使用標簽和屬性來組織數據，并可以嵌套表示層次結構。以下是一個使用XML表示的相同學生信息的示例：

<students>
<student>
<name>Alice</name>
<age>20</age>
<major>Computer Science</major>
</student>
<student>
<name>Bob</name>
<age>22</age>
<major>Engineering</major>
</student>
</students>

除了JSON和XML，還有其他的數據格式可供選擇。例如，CSV（Comma Separated Values）是一種簡單的表格形式，它使用逗號來分隔字段。以下是一個使用CSV表示的相同學生信息的示例：

"name","age","major"
"Alice",20,"Computer Science"
"Bob",22,"Engineering"

除了純文本格式的數據，我們還可以使用二進制格式來傳輸數據，例如圖片、音頻和視頻文件等。這些文件以字節流的形式傳輸，并在請求頭部提供有關文件類型和大小的額外信息。以下是一個使用二進制格式傳輸圖片文件的示例：

// 發送請求
var xhr = new XMLHttpRequest();
xhr.open('GET', 'image.jpg', true);
xhr.responseType = 'arraybuffer';
xhr.onload = function() {
if (xhr.status === 200) {
var arrayBuffer = xhr.response;
var byteArray = new Uint8Array(arrayBuffer);
// 處理字節流數據
// ...
}
};
xhr.send();
// 接收響應
var xhr = new XMLHttpRequest();
xhr.open('POST', 'upload', true);
xhr.setRequestHeader('Content-Type', 'image/jpeg');
xhr.onload = function() {
if (xhr.status === 200) {
// 處理響應
// ...
}
};
xhr.send(byteArray);

總結起來，AJAX的數據格式有多種選擇，包括JSON、XML、CSV和二進制格式等。具體選擇哪種數據格式，取決于應用的需求以及服務端的支持。無論選擇哪種格式，我們都可以通過AJAX來實現數據的異步交互，提升用戶體驗并增強網站的功能性。