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

例子一：查詢學(xué)生信息

假設(shè)有一個學(xué)生信息查詢頁面，用戶可以通過輸入學(xué)生的學(xué)號和姓名來查詢學(xué)生的詳細(xì)信息。當(dāng)用戶點(diǎn)擊查詢按鈕時，頁面將使用Ajax提交GET請求，并將學(xué)號和姓名以查詢參數(shù)的形式傳遞給服務(wù)器。

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

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

例子二：篩選商品

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

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) {
// 處理服務(wù)器返回的商品數(shù)據(jù)
},
error: function(error) {
// 處理錯誤
}
});

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

例子三：獲取天氣信息

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

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) {
// 處理服務(wù)器返回的天氣信息數(shù)據(jù)
},
error: function(error) {
// 處理錯誤
}
});

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

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