AJAX（Asynchronous JavaScript and XML）是一種在不刷新整個頁面的情況下與服務器進行通信的技術。這種技術的一個常見應用場景是通過提交form表單來傳遞參數給服務器。通過使用AJAX，可以使用戶獲得更流暢的體驗，無需等待整個頁面的刷新。

假設我們有一個簡單的表單，包含姓名和郵箱兩個輸入框。我們希望在用戶輸入完信息后，點擊提交按鈕，通過AJAX將數據發送到服務器進行處理，并在不刷新整個頁面的情況下顯示結果。

<form>
<label for="name">姓名:</label>
<input type="text" id="name" name="name"><br><br>
<label for="email">郵箱:</label>
<input type="email" id="email" name="email"><br><br>
<button type="button" onclick="submitForm()">提交</button>
</form>
<script>
function submitForm() {
var name = document.getElementById("name").value;
var email = document.getElementById("email").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "處理數據的URL", 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);
// 顯示結果
document.getElementById("result").innerHTML = response.message;
}
};
xhr.send("name=" + encodeURIComponent(name) + "&email=" + encodeURIComponent(email));
}
</script>

在上述代碼中，我們定義了一個submitForm函數，當用戶點擊提交按鈕時，這個函數會被調用。在函數內部，我們首先獲取了姓名和郵箱的值。接下來，我們創建了一個XMLHttpRequest對象，該對象負責與服務器進行通信。

我們使用open方法來指定了請求的類型（POST），以及處理數據的URL。接著，我們設置了請求頭的Content-Type屬性，告訴服務器我們將發送的是表單數據。

在xhr.onreadystatechange函數中，我們處理了服務器返回的數據。當readyState為4（請求已完成）且status為200（成功）時，我們解析從服務器返回的JSON數據，并將結果顯示在頁面上。

最后，我們通過send方法將數據發送到服務器。在這里，我們將姓名和郵箱用encodeURIComponent進行編碼，并通過字符串拼接的方式將它們放在請求體中。

當用戶在頁面上填寫完姓名和郵箱后，點擊提交按鈕，表單數據將通過AJAX發送到服務器。服務器端接收到數據后，可以進行相應的處理，例如將數據保存到數據庫中。返回的結果以JSON的形式發送回來，我們在前端代碼中對結果進行解析，并在頁面上顯示相應的信息。

通過這種方式，我們實現了在不刷新整個頁面的情況下，使用AJAX提交form表單，并將參數傳遞給服務器進行處理的功能。這使得用戶獲得了更好的交互體驗，且無需等待整個頁面的刷新。

總結來說，AJAX可以通過提交form表單來傳遞參數給服務器，并在不刷新整個頁面的情況下顯示結果。這種技術可以大大提高用戶的交互體驗，使用戶獲得更流暢的頁面操作。