Ajax（Asynchronous JavaScript and XML）是一種在不刷新網頁的情況下，通過后臺與服務器進行異步數據交互的技術。通過使用Ajax，我們可以將數據傳送給后臺，并在后臺進行相關處理，而無需刷新整個頁面。這種技術的應用非常廣泛，比如在一個表單中，當用戶輸入完畢后，我們可以通過Ajax將數據傳送給后臺完成相關的數據驗證和處理。

下面以一個簡單的登錄表單為例，來說明如何使用Ajax將數據傳送給后臺。

<form id="loginForm">
<input type="text" id="username" name="username" placeholder="請輸入用戶名" />
<input type="password" id="password" name="password" placeholder="請輸入密碼" />
<button type="submit" id="loginBtn">登錄</button>
</form>
...
<script>
var form = document.getElementById("loginForm");
form.addEventListener("submit", function(event) {
event.preventDefault(); // 阻止表單的默認提交行為
var username = document.getElementById("username").value;
var password = document.getElementById("password").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/login", true);
xhr.setRequestHeader("Content-Type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
if (response.success) {
alert("登錄成功");
} else {
alert("登錄失敗，請檢查用戶名和密碼");
}
}
};
xhr.send("username=" + username + "&password=" + password);
});
</script>

在上面的代碼中，我們首先獲取了登錄表單的元素，并對其添加了submit事件的監聽器。當用戶點擊登錄按鈕時，我們通過event.preventDefault()方法阻止了表單的默認提交行為。

接下來，我們獲取了用戶在用戶名和密碼輸入框中輸入的值，然后創建了一個新的XMLHttpRequest對象，打開一個POST請求，并設置請求頭的Content-Type為application/x-www-form-urlencoded。

在XMLHttpRequest對象的onreadystatechange事件中，我們判斷請求的狀態是否為4（即請求完成），并且請求的狀態碼是否為200，表示請求成功。如果滿足這兩個條件，我們通過JSON.parse()方法將服務端返回的響應文本解析為一個JSON對象，進行相應的處理。

最后，我們通過xhr.send()方法發送經過序列化的表單數據給后臺。在這里，我們將用戶名和密碼通過拼接字符串的方式傳遞給后臺，也可以選擇使用FormData對象來封裝并發送表單數據。

總結來說，通過使用Ajax將數據傳送給后臺，我們可以在不刷新整個頁面的情況下進行數據的異步提交和處理。這不僅提升了用戶體驗，還能提高網站的性能和響應速度。