AJAX(Asynchronous JavaScript and XML) 是一種用于在后臺傳遞數據和更新頁面的技術。通過使用AJAX，可以在不刷新頁面的情況下與服務器進行交互。本文將介紹如何使用AJAX傳遞一個參數到后臺，并給出相關的代碼示例。

假設我們正在開發一個購物網站，在商品列表頁面上有一個篩選功能，可以根據不同的參數來查詢相關的商品。我們希望用戶在頁面上選擇一個價格區間，并點擊搜索按鈕進行查詢。這時候就需要使用AJAX來將選定的價格區間參數傳遞到后臺，然后更新頁面顯示相關的商品。

首先，我們需要在頁面上添加HTML元素，用于用戶選擇價格區間。例如，可以使用一個滑塊組件來表示價格范圍：

<input type="range" id="priceRange" min="0" max="1000" step="10">
<button onclick="searchByPrice()">搜索</button>

上述代碼中，我們使用了`input`元素來創建一個滑塊，可以選擇價格的范圍。`button`元素用于觸發搜索功能。接下來，我們需要編寫JavaScript代碼來處理滑塊的數值，并使用AJAX將參數傳遞到后臺。

function searchByPrice() {
var priceRange = document.getElementById("priceRange").value;
// 創建AJAX對象
var xhttp = new XMLHttpRequest();
// 設置回調函數
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
// 處理后臺返回的數據
var response = this.responseText;
// 更新頁面顯示
document.getElementById("searchResults").innerHTML = response;
}
};
// 發送AJAX請求
xhttp.open("GET", "search.php?price=" + priceRange, true);
xhttp.send();
}

在上述代碼中，我們首先通過`getElementById`方法獲取到滑塊的數值，即用戶選擇的價格范圍。然后，創建一個`XMLHttpRequest`對象，用于發送AJAX請求和接收后臺的響應數據。在回調函數中，我們對后臺返回的數據進行處理，并更新頁面上的搜索結果。

在發送AJAX請求時，我們使用`open`方法指定URL，并將價格作為參數傳遞到后臺。在這個例子中，后臺的接口URL為`search.php`，通過`GET`請求發送。使用`send`方法發送請求。

現在，我們需要在后臺的PHP文件中接收參數，并根據價格范圍進行相應的商品查詢。以下是一個簡單的PHP代碼示例：

// 獲取價格參數
$price = $_GET["price"];
// 執行查詢操作并返回商品列表的HTML
// 根據實際需求編寫查詢邏輯
$searchResults = searchByPrice($price);
echo $searchResults;

在上述代碼中，我們通過`$_GET`超全局數組獲取到AJAX發送的價格參數。然后，根據實際需求編寫查詢相關商品的邏輯。最后，通過`echo`語句將查詢結果返回給AJAX請求。

通過上述的示例代碼，我們可以看到如何使用AJAX傳遞一個參數到后臺。當用戶選擇價格區間并點擊搜索按鈕時，AJAX會將價格參數發送到后臺的PHP文件進行相應的查詢操作，并更新頁面顯示查詢結果。