AJAX（Asynchronous JavaScript and XML）是一種在Web開發中常用的技術。它可以通過異步請求獲取服務器上的數據，而無需重新加載整個頁面。在實際應用中，我們常常需要向服務器發送帶參數的請求。本文將重點介紹如何使用AJAX發送帶參數請求，并提供一些示例代碼。

首先，讓我們來看一個簡單的例子。假設我們有一個網頁，其中包含一個按鈕和一個文本框。用戶可以在文本框中輸入一個關鍵詞，并點擊按鈕來搜索相關的信息。我們希望將用戶輸入的關鍵詞作為參數發送到服務器，然后獲取搜索結果并將其顯示在頁面上。以下是一個使用AJAX帶參數請求URL的示例：

// HTML代碼
<input type="text" id="keyword" />
<button onclick="search()">搜索</button>
<div id="results"></div>
// JavaScript代碼
function search() {
var keyword = document.getElementById("keyword").value;
var xhr = new XMLHttpRequest();
xhr.open("GET", "search.php?keyword=" + keyword, true);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
document.getElementById("results").innerHTML = xhr.responseText;
}
};
xhr.send();
}

在上面的代碼中，我們首先獲取用戶輸入的關鍵詞，然后創建一個XMLHttpRequest對象。通過調用open方法，我們指定了請求的URL，并通過添加參數keyword來傳遞用戶輸入的關鍵詞。最后，我們通過調用send方法來發送請求，并在獲取到服務器響應后將結果顯示在頁面上。

在實際應用中，我們可能需要發送更多的參數以滿足特定的需求。為了發送多個參數，我們可以將它們以key=value的形式使用&連接起來。以下是一個發送多個參數的示例：

// JavaScript代碼
function sendRequest() {
var param1 = "value1";
var param2 = "value2";
var xhr = new XMLHttpRequest();
xhr.open("GET", "example.php?param1=" + param1 + "¶m2=" + param2, true);
xhr.onreadystatechange = function() {
if(xhr.readyState === 4 && xhr.status === 200) {
// 處理服務器響應
}
};
xhr.send();
}

在上面的示例中，我們定義了兩個參數param1和param2，并將它們添加到URL中。通過使用&符號來連接參數，我們可以在服務器端輕松地獲取到這些參數。

除了使用GET方法發送帶參數的請求，我們還可以使用POST方法。POST方法將參數發送到服務器的請求體中，而不是將其追加到URL上。以下是一個發送帶參數的POST請求的示例：

// JavaScript代碼
function sendRequest() {
var param1 = "value1";
var param2 = "value2";
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) {
// 處理服務器響應
}
};
xhr.send("param1=" + param1 + "¶m2=" + param2);
}

在上面的示例中，我們使用了setRequestHeader方法來設置請求頭，以指定Content-Type為application/x-www-form-urlencoded。然后，我們通過調用send方法，并將參數以相同的方式添加到請求體中。

總結來說，通過AJAX帶參數請求URL可以使我們在 Web 開發中更加靈活地與服務器進行交互。無論使用GET還是POST方法，我們都可以將參數發送到服務器，并獲取到相應的結果。通過合理地應用這些技巧，我們可以在實際開發中更好地滿足用戶需求，并提供更好的用戶體驗。