Ajax是一種用于實現無刷新數據交互的技術，它能夠實現網頁與服務器之間的異步通信。使用Ajax提交GET請求并傳遞多個數據，可以通過在URL中添加查詢參數的方式來實現。在發送GET請求時，可以將多個數據通過查詢參數的形式拼接到URL中，服務器在接收到請求后解析URL，獲取到這些數據并進行處理。下面將通過幾個例子來說明如何使用Ajax提交GET請求并攜帶多個數據。

例子一：查詢學生信息

假設有一個學生信息查詢頁面，用戶可以通過輸入學生的學號和姓名來查詢學生的詳細信息。當用戶點擊查詢按鈕時，頁面將使用Ajax提交GET請求，并將學號和姓名以查詢參數的形式傳遞給服務器。

var studentId = "12345";
var studentName = "張三";
var url = "http://example.com/api/students?studentId=" + studentId + "&studentName=" + studentName;
$.ajax({
url: url,
method: "GET",
success: function(response) {
// 處理服務器返回的學生信息數據
},
error: function(error) {
// 處理錯誤
}
});

上述代碼中，將學號和姓名拼接到URL中，并使用$.ajax函數發送GET請求。服務器接收到請求后，解析URL獲取到學號和姓名的值，并根據這些值查詢對應的學生信息，最后將查詢結果返回給客戶端。

例子二：篩選商品

一個電商網站有一個商品篩選功能，用戶可以通過選擇不同的商品類別和價格范圍來篩選商品。當用戶修改篩選條件時，頁面將使用Ajax提交GET請求，并將選中的商品類別和價格范圍以查詢參數的形式傳遞給服務器。

var category = "clothing";
var priceRange = "50-100";
var url = "http://example.com/api/products?category=" + category + "&priceRange=" + priceRange;
$.ajax({
url: url,
method: "GET",
success: function(response) {
// 處理服務器返回的商品數據
},
error: function(error) {
// 處理錯誤
}
});

上述代碼中，將商品類別和價格范圍拼接到URL中，并使用$.ajax函數發送GET請求。服務器接收到請求后，解析URL獲取到商品類別和價格范圍的值，并根據這些值篩選對應的商品，最后將篩選結果返回給客戶端。

例子三：獲取天氣信息

一個天氣查詢頁面，用戶可以輸入城市名稱和日期來查詢該城市在指定日期的天氣情況。當用戶點擊查詢按鈕時，頁面將使用Ajax提交GET請求，并將城市名稱和日期以查詢參數的形式傳遞給服務器。

var city = "Beijing";
var date = "2022-01-01";
var url = "http://example.com/api/weather?city=" + city + "&date=" + date;
$.ajax({
url: url,
method: "GET",
success: function(response) {
// 處理服務器返回的天氣信息數據
},
error: function(error) {
// 處理錯誤
}
});

上述代碼中，將城市名稱和日期拼接到URL中，并使用$.ajax函數發送GET請求。服務器接收到請求后，解析URL獲取到城市名稱和日期的值，并根據這些值查詢對應日期的天氣情況，最后將查詢結果返回給客戶端。

通過上述例子可以看出，使用Ajax提交GET請求并攜帶多個數據需要將這些數據以查詢參數的形式拼接到URL中，并通過服務器解析URL獲取到這些數據。這種方式簡單易用且廣泛應用于各種場景中，幫助實現網頁與服務器之間的無刷新數據交互。