AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下發送和接收數據的技術。在現代 Web 開發中，AJAX 已變得非常常見，因為它可以提供更好的用戶體驗并提高網站的性能。

在實際開發中，我們經常需要查看通過AJAX傳輸的數據，以確保正確性和完整性。幸運的是，AJAX提供了一些方法來方便地查看傳輸的數據。

一種常見的方法是使用console.log()函數在瀏覽器的控制臺輸出傳輸的數據。例如，假設我們有一個AJAX請求發送用戶名和密碼到服務器進行用戶認證。我們可以在AJAX的success回調函數中使用console.log()來查看服務器返回的數據。

$.ajax({
url: "login.php",
method: "POST",
data: {username: "john", password: "password123"},
success: function(response){
console.log(response);
}
});

上面的代碼將發送一個包含用戶名和密碼的POST請求到"login.php"。當服務器返回數據時，AJAX的success回調函數將被觸發，并將返回的數據打印到瀏覽器的控制臺。

除了使用console.log()函數外，我們還可以在AJAX請求中添加dataType屬性來指定服務器返回的數據類型。這樣，我們可以直接在success回調函數中訪問解析后的數據。例如，如果服務器返回的是JSON格式的數據，可以將dataType設置為"json"。

$.ajax({
url: "api.php",
method: "GET",
dataType: "json",
success: function(response){
// 直接訪問解析后的數據
console.log(response.username);
console.log(response.email);
}
});

上面的代碼使用GET請求從"api.php"獲取JSON格式的數據。在success回調函數中，可以直接訪問解析后的數據的屬性，如用戶名和電子郵件。

另一種查看AJAX傳輸數據的方法是使用瀏覽器的開發者工具。大多數現代瀏覽器都提供了開發者工具，其中包括網絡面板，可以顯示發送和接收的所有網絡請求和其對應的數據。

例如，在Chrome瀏覽器中，可以通過以下步驟打開開發者工具：

1. 右鍵單擊頁面上的任何位置，并選擇"檢查"。
2. 在打開的開發者工具窗口中，選擇"網絡"選項卡。
3. 刷新頁面以加載所有網絡請求。

在網絡面板中，可以找到發送的AJAX請求，并查看其請求和響應數據。這對于調試和分析AJAX請求非常有用。

總之，在開發過程中，我們經常需要查看通過AJAX傳輸的數據。除了使用console.log()函數在控制臺中輸出數據之外，我們還可以通過指定dataType屬性來直接訪問解析后的數據。另外，瀏覽器的開發者工具提供了網絡面板，可以查看AJAX請求的數據。