當我們使用 AJAX 技術在前端與后臺進行數據交互時，常常需要將前端的數據傳遞給后臺處理。本文將從實際開發的角度，介紹如何使用 AJAX 將數據發送給后臺，并在后臺接收處理。

在實際開發中，有許多場景需要后臺接收前端的數據，例如用戶填寫表單后，前端將填寫的數據發送給后臺進行保存。下面以一個簡單的示例來說明。

HTML 代碼：
<form id="myForm">
<input type="text" name="name" id="name">
<input type="text" name="email" id="email">
<button type="button" onclick="sendData()">保存</button>
</form>
JavaScript 代碼：
function sendData() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "saveData.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
console.log(xhr.responseText);
}
};
var data = "name=" + encodeURIComponent(name) + "&email=" + encodeURIComponent(email);
xhr.send(data);
}
后臺 PHP 代碼（saveData.php）：
$name = $_POST["name"];
$email = $_POST["email"];
// 進行后續處理，如保存到數據庫等
echo "數據保存成功！";

在上述示例中，用戶填寫表單后點擊保存按鈕，前端通過 AJAX 將填寫的數據發送給后臺的 saveData.php 文件進行處理。后臺通過 $_POST 變量獲取前端發送的數據，進行相應的處理，這里僅僅是示例，所以只是簡單地將數據保存的數據庫并返回一個成功的提示。

在 JavaScript 代碼中，首先獲取表單中的兩個輸入框的值，然后創建 XMLHttpRequest 對象，并設置請求的類型為 POST，并指定請求的 URL 為 saveData.php 文件。

通過 setRequestHeader 方法設置 HTTP 頭信息，告訴后臺發送的數據為表單數據，這樣后臺接收時才能正確解析。然后在回調函數 onreadystatechange 中判斷請求是否完成并且返回狀態碼為 200，如果滿足條件，則表示數據發送成功，并將后臺返回的數據打印到控制臺。

最后，將需要發送的數據拼接成字符串，并通過 send 方法發送給后臺。

由此可見，通過 AJAX 在前端與后臺進行數據交互，并將前端數據傳遞給后臺，只需要使用 XMLHttpRequest 對象進行一些配置和處理即可實現。