本文將介紹Ajax發送GET帶參數的方法。在互聯網應用中，我們經常需要向服務器發送請求，并獲取服務器返回的數據。使用Ajax技術可以實現在不刷新頁面的情況下與服務器進行數據交互。在一些場景中，我們需要在發送GET請求時帶上參數，以便服務器根據參數的不同返回不同的數據。本文將通過舉例，詳細講解如何使用Ajax發送GET帶參數的情況。

假設我們有一個城市選擇的下拉列表，用戶選擇不同的城市，我們需要從服務器獲取該城市的天氣信息。我們可以通過Ajax發送GET請求，并帶上參數city來獲取相應城市的天氣信息。下面是使用javascript代碼實現的示例：

function getWeather(city) {
var xhr = new XMLHttpRequest();
var url = "http://weatherapi.com/weather?city=" + encodeURIComponent(city);
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理返回的天氣數據
}
}
xhr.send();
}

在上面的代碼中，我們首先創建了一個XMLHttpRequest對象，然后使用open方法指定請求的方式為GET，請求的URL為"http://weatherapi.com/weather"，通過encodeURIComponent函數對參數進行編碼，防止出現特殊字符導致請求失敗。接下來，我們設置了onreadystatechange事件處理函數，該函數在服務器響應返回后被觸發，我們可以在該函數中處理服務器返回的數據。最后，我們調用send方法發送請求。

可以看到，發送帶參數的GET請求非常簡單，只需要在URL中添加參數即可。服務器在收到請求后，根據參數的不同返回相應的數據。在上面的例子中，我們根據不同城市的參數來獲取不同城市的天氣信息。

除了直接在URL中添加參數，我們還可以通過使用問號?和&符號來組合參數。例如，我們要同時傳遞city和language兩個參數，可以這樣寫URL："http://weatherapi.com/weather?city=Beijing&language=en"。在服務器端，我們可以通過解析URL獲取參數的值，并根據不同的值返回相應的數據。

除了使用純javascript來實現Ajax發送GET帶參數的請求，我們還可以使用一些庫來簡化開發。例如，使用jQuery庫可以大大簡化Ajax請求的代碼。下面是使用jQuery發送帶參數的GET請求的示例代碼：

$.ajax({
url: "http://weatherapi.com/weather",
data: {
city: "Beijing",
language: "en"
},
method: "GET",
success: function(response) {
// 處理返回的天氣數據
}
});

可以看到，使用jQuery發送帶參數的GET請求非常簡潔。我們只需要通過data屬性來指定參數，jQuery會自動將參數添加到URL中，并發送請求。在success回調函數中，我們可以處理服務器返回的數據。

總結來說，通過Ajax發送帶參數的GET請求非常簡單。我們可以直接在URL中添加參數，或者使用?和&符號來組合參數。使用純javascript或者庫來發送請求都可以實現這個功能。只需要根據實際需求，選擇合適的方法即可。