標題：使用Ajax傳遞多個參數

介紹：Ajax是一種在網頁中實現異步數據交互的技術，可以提升網頁的用戶體驗。在實際開發中，我們經常需要傳遞多個參數給服務器處理，本文將重點介紹如何使用Ajax傳遞多個參數，并結合舉例說明。

結論：通過Ajax，我們可以輕松地傳遞多個參數給服務器。使用GET方法時，在URL中以鍵值對的形式傳遞參數；使用POST方法時，將多個參數封裝在一個對象中，然后通過序列化將參數發送給服務器。

一、使用GET方法傳遞多個參數

<script>
function sendData() {
var param1 = document.getElementById("param1").value;
var param2 = document.getElementById("param2").value;
var url = "example.php?param1=" + param1 + "¶m2=" + param2;
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
xhr.send();
}
</script>

以上是一個簡單的例子，通過GET方法傳遞了兩個參數（param1和param2）給服務器。我們從頁面中獲取了用戶輸入的值，并通過URL將參數拼接在一起。服務器可以通過$_GET獲取這兩個參數的值進行處理。

二、使用POST方法傳遞多個參數

<script>
function sendData() {
var param1 = document.getElementById("param1").value;
var param2 = document.getElementById("param2").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "example.php", true);
xhr.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhr.onreadystatechange = function() {
if (xhr.readyState == 4 && xhr.status == 200) {
console.log(xhr.responseText);
}
};
var params = "param1=" + param1 + "¶m2=" + param2;
xhr.send(params);
}
</script>

在這個例子中，我們使用POST方法傳遞了兩個參數（param1和param2）給服務器。與GET方法不同的是，我們將參數封裝在一個字符串中，并在請求頭中設置Content-type為"application/x-www-form-urlencoded"。服務器可以通過$_POST獲取這兩個參數的值進行處理。

總結：Ajax是一種非常方便的技術，可以在網頁中實現異步數據交互。通過GET方法和POST方法，我們可以輕松地傳遞多個參數給服務器進行處理。開發者可以根據具體需求選擇合適的方法來傳遞參數。

以上是關于使用Ajax傳遞多個參數的簡單介紹和示例，希望對你有所幫助。