AJAX（Asynchronous JavaScript And XML）是一種可以在不重新加載整個頁面的情況下，通過后臺與服務器進行數據交互的技術。使用AJAX，我們可以將用戶在前端填寫的數據發送給后臺進行處理，并獲取后臺處理后的數據，再通過前端進行展示。本文將詳細介紹AJAX如何將數據提交給后臺，并通過舉例來說明其工作原理。

首先，讓我們看一個簡單的例子。假設我們有一個網頁上的表單，用戶需要填寫姓名和年齡，并點擊提交按鈕進行提交。在前端，我們使用HTML和JavaScript來實現這個功能，如下所示：

<form id="myForm">
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br>
<label for="age">年齡:</label>
<input type="number" id="age" name="age"><br>
<button onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
var name = document.getElementById("name").value;
var age = document.getElementById("age").value;
// 使用AJAX將數據提交給后臺
var xhr = new XMLHttpRequest();
xhr.open("POST", "backend.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
// 處理后臺返回的數據
var response = xhr.responseText;
alert(response);
}
};
xhr.send("name=" + name + "&age=" + age);
}
</script>

在這個例子中，我們使用了一段JavaScript代碼來獲取用戶輸入的姓名和年齡，并將其通過AJAX發送給后臺的PHP文件backend.php。AJAX使用XMLHttpRequest對象來與服務器進行通信，我們調用xhr.open()方法來指定請求的方法和URL，然后調用xhr.setRequestHeader()方法來設置請求頭，這里是設置Content-type為“application/x-www-form-urlencoded”，表示我們將使用URL編碼格式來提交表單數據。其中xhr.onreadystatechange是一個事件處理函數，我們在其中檢查xhr對象的狀態和響應碼，當狀態為4（已完成）且響應碼為200（請求成功）時，表示后臺已經處理完請求，我們可以通過xhr.responseText來獲取后臺的返回數據，并在前端進行展示。

上述的例子是一個簡單的表單提交功能，當我們填寫完姓名和年齡后，點擊提交按鈕，AJAX會將數據發送給后臺，并通過后臺處理后的響應數據進行展示。實際上，AJAX還可以發送其他類型的數據給后臺，如JSON、XML等。下面是一個發送JSON數據給后臺的例子：

var data = {
"name": "John",
"age": 30
};
var xhr = new XMLHttpRequest();
xhr.open("POST", "backend.php", true);
xhr.setRequestHeader("Content-type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
var response = xhr.responseText;
alert(response);
}
};
xhr.send(JSON.stringify(data));

在這個例子中，我們定義了一個包含姓名和年齡的JSON對象，然后使用JSON.stringify()方法將其轉換成字符串，并通過AJAX發送給后臺。后臺對收到的JSON字符串進行解析，就可以獲取其中的數據進行處理。

總結起來，AJAX可以通過XMLHttpRequest對象將前端頁面中的數據發送給后臺進行處理，并通過后臺返回的數據在前端進行展示。無論是表單數據還是其他類型的數據，AJAX都提供了靈活的接口來方便我們進行數據交互。在實際開發中，我們可以根據具體的需求選擇合適的數據格式，以及合適的方式來使用AJAX將數據提交給后臺。