AJAX中的GET方式傳遞參數(shù)是一種常用的前端數(shù)據(jù)交互方式。通過GET請求，可以通過URL參數(shù)將數(shù)據(jù)發(fā)送到服務(wù)器端。GET方式在前端數(shù)據(jù)交互中具有簡潔、高效、易于實現(xiàn)的優(yōu)點。下面以幾個例子來說明GET方式傳遞參數(shù)的使用方法和注意事項。

例子一：向服務(wù)器請求指定頁面

var url = "https://api.example.com/products?id=123";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = xhr.responseText;
// 處理響應(yīng)數(shù)據(jù)
}
};
xhr.send();

在這個例子中，我們使用GET方式傳遞了一個名為"id"的參數(shù)，值為"123"。服務(wù)器會根據(jù)這個參數(shù)的值返回對應(yīng)的頁面內(nèi)容。這種方式常用于網(wǎng)頁上的鏈接，通過不同的參數(shù)值來請求不同的頁面內(nèi)容。

例子二：獲取服務(wù)器端數(shù)據(jù)

var url = "https://api.example.com/products?category=electronics";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應(yīng)數(shù)據(jù)
}
};
xhr.send();

在這個例子中，我們使用GET方式傳遞了一個名為"category"的參數(shù)，值為"electronics"。服務(wù)器會根據(jù)這個參數(shù)的值返回對應(yīng)的電子產(chǎn)品數(shù)據(jù)。我們還通過JSON.parse()將響應(yīng)數(shù)據(jù)轉(zhuǎn)換為JSON對象，以便后續(xù)處理。

例子三：傳遞多個參數(shù)

var url = "https://api.example.com/products?category=electronics&price=under100";
var xhr = new XMLHttpRequest();
xhr.open("GET", url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應(yīng)數(shù)據(jù)
}
};
xhr.send();

在這個例子中，我們使用GET方式傳遞了兩個參數(shù)："category"和"price"。通過將參數(shù)按照"&"符號拼接到URL中，可以同時傳遞多個參數(shù)。服務(wù)器端可以根據(jù)這些參數(shù)的值返回符合條件的數(shù)據(jù)。

需要注意的是，由于GET方式將參數(shù)直接暴露在URL中，因此攜帶敏感數(shù)據(jù)時需要進行加密或者使用其他安全機制來保護數(shù)據(jù)的安全性。另外，如果參數(shù)值中包含特殊字符，需要進行URL編碼，以免出現(xiàn)解析錯誤。

總結(jié)起來，GET方式傳遞參數(shù)是一種方便快捷的前端數(shù)據(jù)交互方式。通過在URL中添加參數(shù)，我們可以向服務(wù)器發(fā)送指定的請求，獲取所需的數(shù)據(jù)。在使用過程中，需要注意數(shù)據(jù)安全性和參數(shù)值的編碼，以確保數(shù)據(jù)能夠正確傳遞和解析。