Ajax是一種用于在Web應用程序中實現異步通信的技術。通過使用Ajax，我們可以在不重新加載整個頁面的情況下，通過與服務器進行數據交互并局部更新頁面內容。

在實際開發中，我們經常需要向服務器提交數據并獲取響應，這時候就需要用到Ajax。通過Ajax，我們可以將表單的數據發送給服務器并在控制臺打印出來，以便進行調試和查看提交的數據。

假設我們有一個包含用戶名和密碼的表單，在用戶填寫完表單后，點擊提交按鈕來向服務器發送數據。我們可以使用下面的代碼來實現這個功能：

// 獲取表單元素
const form = document.querySelector('#loginForm');
const username = document.querySelector('#username');
const password = document.querySelector('#password');
// 監聽表單提交事件
form.addEventListener('submit', function(event) {
event.preventDefault();
// 創建XMLHttpRequest對象
const xhr = new XMLHttpRequest();
// 設置請求的方法和URL
xhr.open('POST', '/login', true);
// 設置請求頭
xhr.setRequestHeader('Content-Type', 'application/json');
// 監聽請求狀態的改變
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
// 請求成功，打印服務器返回的響應
console.log(xhr.responseText);
}
};
// 創建要發送的數據對象
const data = {
username: username.value,
password: password.value
};
// 將數據轉換為JSON字符串
const jsonData = JSON.stringify(data);
// 發送請求
xhr.send(jsonData);
});

在上面的代碼中，我們首先獲取了表單的元素和輸入框的值，然后監聽表單的提交事件。當用戶點擊提交按鈕時，會觸發事件處理函數。

在事件處理函數中，我們創建了一個XMLHttpRequest對象，并使用open方法指定了請求的方法（POST）和URL（/login）。然后，我們設置了請求頭的Content-Type為application/json，以告訴服務器發送的數據是JSON格式的。

在定義了onreadystatechange事件回調函數后，我們創建了一個包含用戶名和密碼的數據對象，并將其轉換為JSON字符串。最后，我們發送了請求，將數據發送到服務器。

當服務器返回響應時，onreadystatechange事件回調函數會被觸發。在回調函數中，我們首先判斷請求的狀態是否為4（已完成）且狀態碼是否為200（成功）。如果是，就說明請求成功，并使用控制臺打印出服務器返回的響應。

通過上述的代碼，我們可以在控制臺中查看所提交的數據。

總之，Ajax是一種非常方便的技術，可以實現異步通信和局部更新頁面內容。通過使用Ajax向服務器提交數據并在控制臺打印出來，我們可以方便地調試和檢查提交的數據，以提高開發效率。