AJAX是一種在前端開發中常見的技術，它可以在網頁中實現異步請求，而不必讓用戶等待完整頁面的加載。使用AJAX可以通過發送HTTP請求來更新部分頁面或獲取數據。在AJAX中，傳遞查詢參數是非常常見和重要的操作。本文將介紹如何使用AJAX傳遞查詢參數，并給出相應的示例。

在AJAX中傳遞查詢參數可以通過兩種方式：URL參數和POST數據。URL參數是通過將參數添加到URL地址的末尾來傳遞的。下面是一個例子：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("GET", "example.php?q=param", true);
xhttp.send();

在上述代碼中，我們使用GET請求發送一個名為“q”的查詢參數，值為“param”。這個參數將被附加到URL地址的末尾，然后發送給服務器。服務器在接收到請求后，可以通過解析URL來獲取這個參數的值。

除了URL參數，我們還可以使用POST數據來傳遞查詢參數。相較于URL參數，POST數據更適合傳遞較大且敏感的數據。下面是一個使用POST數據傳遞查詢參數的示例：

var xhttp = new XMLHttpRequest();
xhttp.onreadystatechange = function() {
if (this.readyState == 4 && this.status == 200) {
document.getElementById("demo").innerHTML = this.responseText;
}
};
xhttp.open("POST", "example.php", true);
xhttp.setRequestHeader("Content-type", "application/x-www-form-urlencoded");
xhttp.send("q=param");

在上述代碼中，我們使用POST請求發送一個名為“q”的查詢參數，值為“param”。參數被包含在send()方法的參數中，并且通過設置RequestHeader的Content-type屬性來指定傳遞的數據類型是表單數據。

除了使用純JavaScript，我們還可以使用jQuery來實現AJAX的查詢參數傳遞。jQuery提供了更簡潔的操作和更好的兼容性。下面是一個使用jQuery傳遞查詢參數的示例：

$.ajax({
url: "example.php",
type: "GET",
data: {q: "param"},
success: function(response) {
$("#demo").html(response);
}
});

在上述代碼中，我們使用jQuery的$.ajax()方法來發送一個GET請求，并通過data屬性傳遞了一個名為“q”的查詢參數，值為“param”。當請求成功返回時，我們將返回的數據填充到id為“demo”的元素中。

總結來說，AJAX通過發送HTTP請求實現了前后端數據的異步傳輸。在AJAX中傳遞查詢參數，我們可以使用URL參數或POST數據兩種方式。URL參數適合傳遞簡單的參數，而POST數據則適合傳遞較大和敏感的數據。無論是使用純JavaScript還是jQuery，我們都可以輕松實現AJAX的查詢參數傳遞。