AJAX（Asynchronous JavaScript and XML）是一種在網頁上實現異步請求的技術。通過AJAX，我們可以在不刷新整個頁面的情況下，向服務器發送請求并獲取響應數據。在某些情況下，我們需要給URL添加參數來向服務器提供額外的信息。本文將介紹如何使用AJAX給URL添加參數，并通過舉例說明其應用。

AJAX給URL添加參數的方法有很多種，下面我們將分別介紹其中兩種常見的方法。

方法一：手動拼接URL

最簡單的方法就是手動拼接URL，將參數直接添加到URL的末尾。舉個例子，假設我們要調用一個API來獲取用戶的信息，其中需要傳遞用戶的ID作為參數。以下是使用AJAX手動拼接URL添加參數的示例代碼：

var userId = 123;
var url = 'http://example.com/api/user?id=' + userId;
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應數據
}
};
xhr.send();

在上面的例子中，我們首先定義了一個userId變量，它存儲了用戶的ID。然后，我們將userId通過字符串拼接的方式添加到URL的末尾。最后，我們使用XMLHttpRequest對象發送GET請求，并在請求成功時處理服務器的響應。

方法二：使用URLSearchParams對象

除了手動拼接URL，我們還可以使用URLSearchParams對象來添加參數。URLSearchParams是瀏覽器內置的一個API，它提供了一種方便的方式來處理URL的查詢參數。以下是使用AJAX和URLSearchParams對象添加參數的示例代碼：

var params = new URLSearchParams();
params.append('id', 123);
var url = 'http://example.com/api/user?' + params.toString();
var xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
// 處理響應數據
}
};
xhr.send();

在上面的例子中，我們首先創建了一個URLSearchParams對象，并使用append()方法向對象中添加參數。然后，我們使用toString()方法將URLSearchParams對象轉換為字符串，并添加到URL的末尾。最后，我們發送了一個GET請求，并在請求成功時處理服務器的響應。

總結起來，使用AJAX給URL添加參數可以通過手動拼接URL或使用URLSearchParams對象來實現。這種方法可以在不刷新整個頁面的情況下，向服務器發送請求并獲取響應數據。無論是拼接URL還是使用URLSearchParams對象，我們都可以根據需求來選擇最適合的方法。希望本文的介紹可以幫助你更好地理解和應用AJAX技術。