AJAX（Asynchronous JavaScript and XML）是一種用于在不刷新整個頁面的情況下更新網頁內容的技術。它通過異步請求向服務器獲取數據，然后使用JavaScript來動態更新頁面。在許多Web應用程序中，動態獲取URL是非常常見的需求。例如，在一個社交媒體應用程序中，當用戶滾動到頁面底部時，我們可能希望加載更多的帖子。這就需要使用AJAX來動態獲取URL，而不是重新加載整個頁面。本文將介紹如何使用AJAX動態獲取URL，并給出一些實際的例子。

在使用AJAX動態獲取URL之前，我們首先需要了解URL的結構。URL（Uniform Resource Locator）是用于在互聯網上定位資源的地址。它由不同的部分組成，例如協議（如HTTP或HTTPS），域名，路徑和查詢參數。根據不同的應用程序需求，我們可能需要從URL中獲取不同的部分或參數。通過AJAX動態獲取URL，我們可以使用JavaScript來解析URL，并從中獲取所需的信息。

function getURL() {
var url = window.location.href;
return url;
}
var currentURL = getURL();
console.log(currentURL);

上面的代碼演示了如何使用JavaScript獲取當前頁面的URL。我們可以使用window.location.href獲取當前頁面的URL，并將其存儲在變量url中。然后，我們可以使用console.log將URL打印到控制臺中。通過這種方式，我們可以獲取頁面的完整URL，包括協議，域名，路徑和查詢參數等。

除了獲取當前頁面的URL，我們還可以獲取URL中的特定部分或參數。例如，我們可能需要從URL中獲取查詢參數，并在頁面中顯示對應的結果。下面的代碼演示了如何使用JavaScript獲取URL中的查詢參數。

function getQueryParams() {
var params = {};
var search = window.location.search.substring(1);
var queryStrings = search.split("&");
for (var i = 0; i< queryStrings.length; i++) {
var queryString = queryStrings[i].split("=");
var key = decodeURIComponent(queryString[0]);
var value = decodeURIComponent(queryString[1]);
params[key] = value;
}
return params;
}
var queryParams = getQueryParams();
console.log(queryParams);

上面的代碼中，我們定義了一個名為getQueryParams的函數。該函數通過解析URL的查詢參數，將其存儲在一個對象中，并返回該對象。我們首先使用window.location.search.substring(1)獲取URL中的查詢字符串部分，并使用split("&")將查詢字符串拆分為單個的鍵值對。然后，我們再使用split("=")將每個鍵值對拆分為鍵和值。最后，我們將解碼后的鍵和值存儲在params對象中，并返回該對象。

通過上述的方法，我們可以輕松地在AJAX請求中動態獲取URL，并根據需要從URL中獲取所需的部分或參數。例如，在一個電子商務應用程序中，當用戶點擊商品分類時，我們可以使用AJAX動態獲取URL，獲取分類ID，并根據該ID展示相應的商品列表。這種動態獲取URL的方法可以幫助我們實現更好的用戶體驗，并提升應用程序的性能。