AJAX是一項十分有用的前端技術，它可以在不刷新整個頁面的情況下與后臺進行數據交互。通過使用AJAX，我們可以向后臺提交數據，比如表單的數據或者用戶的操作。本文將介紹AJAX如何將數據提交給后臺，并通過舉例說明其運用場景和作用。

在日常網頁應用中，我們經常需要用戶填寫表單來提交數據。傳統的方式是用戶填寫完表單后，頁面將重新加載，數據被提交給后臺處理。然而，使用AJAX，我們可以實現表單數據的異步提交，從而提供更好的用戶體驗。

舉個例子來說明，假設我們有一個簡單的注冊頁面，用戶需要填寫用戶名和密碼來創建一個新賬號。當用戶點擊注冊按鈕時，我們可以通過AJAX將表單數據提交給后臺進行驗證，而不用刷新整個頁面。后臺在驗證完數據后，返回一個響應，我們可以將響應結果展示給用戶，告訴他們賬號是否成功創建。

function registerUser() {
var username = document.getElementById('username').value;
var password = document.getElementById('password').value;
// 創建AJAX對象
var xhttp = new XMLHttpRequest();
// 設置請求參數
xhttp.open('POST', 'backend/register.php', true);
xhttp.setRequestHeader('Content-type', 'application/x-www-form-urlencoded');
// 設置響應處理函數
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById('response').innerHTML = this.responseText;
}
};
// 發送請求
xhttp.send('username=' + username + '&password=' + password);
}

上面的代碼示例中，我們首先獲取到用戶填寫的用戶名和密碼。然后，我們創建了一個XMLHttpRequest對象（通常簡稱為XHR）來實現AJAX請求。接下來，我們設置了AJAX請求的參數。其中，我們將請求方法設置為POST，請求URL設置為'backend/register.php'，異步設置為true。此外，我們還設置了請求頭部，告訴服務器傳遞的數據格式為表單數據。

然后，我們設置了一個響應處理函數。當后臺返回響應時，該函數將被觸發。在這個例子中，我們將響應的內容顯示在一個具有'id'屬性為'response'的HTML元素中。

最后，我們使用'xhttp.send()'方法發送了請求。請求的參數是以'username=value&password=value'的形式發送的，其中'value'是用戶填寫的用戶名和密碼。

上述代碼中的'backend/register.php'是后臺處理請求的頁面（PHP文件）。在這個頁面中，我們可以使用服務器端語言（如PHP）來處理接收到的數據，并對其進行驗證。然后，我們可以返回響應給前端，通知用戶賬號是否創建成功。

總結起來，AJAX是一項強大的前端技術，可以實現數據的異步提交和后臺交互。通過AJAX，我們可以提供更好的用戶體驗，降低頁面加載時間，并減少對服務器的請求次數。它在表單提交、用戶操作記錄、數據更新等方面都有廣泛的應用。