AJAX（Asynchronous JavaScript and XML）是一種在前端和后端之間進行異步通信的技術，它可以使網頁實現更好的用戶體驗和更高的性能。在實際開發中，有時我們需要同時發送多個參數給后端處理，本文將介紹如何使用AJAX同時請求多個參數，并給出代碼示例。

假設我們正在開發一個電子商務網站，用戶可以根據商品名稱、價格、分類等條件進行篩選。我們需要將用戶選擇的篩選條件同時發送給后端，然后根據條件從數據庫中獲取相應的商品信息并展示給用戶。

function fetchProducts(name, price, category) {
// 創建一個XMLHttpRequest對象
var xhr = new XMLHttpRequest();
// 添加請求參數
var params = "name=" + encodeURIComponent(name) +
"&price=" + encodeURIComponent(price) +
"&category=" + encodeURIComponent(category);
// 發送異步GET請求
xhr.open("GET", "/api/products?" + params, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var products = JSON.parse(xhr.responseText);
// 更新頁面上的商品信息
updateProducts(products);
}
};
xhr.send();
}
function updateProducts(products) {
// 根據返回的商品信息更新頁面
}

在上面的代碼中，我們定義了一個名為fetchProducts的函數，它接受三個參數：商品名稱name、價格price和分類category。在函數內部，我們先創建了一個XMLHttpRequest對象xhr，然后使用encodeURIComponent方法將參數進行編碼拼接，形成一個完整的請求參數字符串params。接下來，我們使用open方法打開一個GET請求，將請求的URL設置為/api/products，并將參數字符串作為查詢字符串拼接到URL之后。這樣，我們就可以將三個參數同時發送給后端進行處理。

當我們調用send方法發送請求后，XMLHttpRequest對象的onreadystatechange事件會被觸發多次，我們需要在每次觸發時判斷請求的狀態和響應的狀態碼。當readyState為4且status為200時，表示請求成功并且響應正常。此時，我們可以獲取到后端返回的商品信息，使用JSON.parse方法將字符串解析為JavaScript對象，并調用updateProducts方法更新頁面上的商品信息。

下面是一個示例，演示了如何調用fetchProducts函數同時請求多個參數：

fetchProducts("iPhone", "$1000", "電子產品");

上述示例中，我們將商品名稱設置為iPhone，價格設置為$1000，分類設置為電子產品。當執行該代碼時，AJAX將會向后端發送包含這三個參數的請求，并等待響應返回。一旦響應返回，我們就可以根據返回的商品信息更新頁面。

如此，在開發中，我們可以根據具體的需求修改fetchProducts函數，傳遞不同的參數來同時請求多個參數，實現更加靈活和高效的數據交互。