AJAX 是一種用于在不刷新整個頁面的情況下更新部分網頁內容的技術。當我們需要通過 AJAX 傳遞多個參數時，我們可以使用 JSON 對象或者序列化表單的方式來傳遞數據。本文將探討如何使用 AJAX date 多個參數，并通過舉例說明其使用方法。

假設我們有一個網頁，其中包含一個輸入框和一個按鈕。當用戶在輸入框中輸入兩個數字，并點擊按鈕后，我們希望通過 AJAX 將這兩個數字發送到服務器，并將兩個數字相加的結果返回并顯示在網頁上。

首先，在 HTML 中，我們需要設置一個輸入框和一個按鈕：

<input type="text" id="num1"></input><input type="text" id="num2"></input><button onclick="addNumbers()">Add</button><div id="result"></div>

然后，在 JavaScript 中，我們定義一個名為 addNumbers 的函數，該函數使用 AJAX 從服務器獲取結果，并將其顯示在網頁上：

function addNumbers() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("result").innerHTML = this.responseText;
}
};
xhttp.open("GET", "add.php?num1=" + num1 + "&num2=" + num2, true);
xhttp.send();
}

在上面的代碼中，我們首先通過 JavaScript 獲取用戶輸入的兩個數字。

然后，我們創建一個新的 XMLHttpRequest 對象，并通過其 onreadystatechange 事件處理程序指定當服務器響應返回時要執行的函數。在這個函數中，我們檢查服務器的 readyState 和 status，以確保服務器響應成功，并將返回的結果設置為網頁中 id 為 result 的元素的 innerHTML。

接下來，我們使用 xhttp.open 方法來指定要向服務器發送請求的類型（這里是 GET 請求），以及服務器的 URL。我們將兩個數字作為參數傳遞給服務器，通過在 URL 末尾連接這些參數。最后，我們使用 xhttp.send 方法來發送請求。

最后，在服務器端，我們需要創建一個名為 add.php 的文件來處理 AJAX 請求，并返回兩個數字的和：

<?php
$num1 = $_GET["num1"];
$num2 = $_GET["num2"];
$result = $num1 + $num2;
echo $result;
?>

在這個簡單的例子中，我們使用了 GET 請求來發送兩個數字到服務器，并返回它們的和。但是，我們也可以使用 POST 請求來完成相同的任務。只需要將 xhttp.open 方法中的第一個參數從 "GET" 改為 "POST"，并將 xhttp.send 方法中的參數從 URL 去掉。

總而言之，當我們需要通過 AJAX 傳遞多個參數時，我們可以使用 JSON 對象或者序列化表單的方式來傳遞數據。我們可以通過 JavaScript 將參數傳遞給服務器，并在服務器端處理這些參數，然后將結果返回給客戶端。通過 AJAX date 多個參數，我們能夠更加靈活和高效地處理數據，并在網頁上實時更新內容。