AJAX（Asynchronous JavaScript and XML）是一種在不重新加載整個網頁的情況下更新部分網頁內容的技術。它能夠通過與服務器進行異步通信，讀取服務器返回的數據并將其顯示在網頁上，實現動態更新的效果。在使用AJAX時，有時需要獲取URL中的參數來進行相關操作，本文將介紹如何使用AJAX動態獲取URL參數。

在使用AJAX動態獲取URL參數之前，讓我們先來看一個例子。假設我們有一個網頁，地址為http://example.com/?id=123&name=John。我們希望通過AJAX獲取URL中的id和name參數，并在網頁上顯示出來。以下是實現該功能的代碼：

// 獲取URL參數的函數
function getURLParam(name) {
var url = window.location.search.substring(1);
var params = url.split('&');
for (var i = 0; i< params.length; i++) {
var param = params[i].split('=');
if (param[0] === name) {
return param[1] === undefined ? true : decodeURIComponent(param[1]);
}
}
}
// 使用AJAX動態獲取URL參數
var id = getURLParam('id');
var name = getURLParam('name');
document.getElementById('id').innerHTML = id;
document.getElementById('name').innerHTML = name;

在上述代碼中，我們定義了一個getURLParam函數，它接受一個參數name，用于指定要獲取的URL參數。該函數首先獲取整個URL地址中的查詢參數部分（即?后面的部分），然后使用&符號進行分割，將每個參數都存儲在一個數組中。接著，我們遍歷數組，將每個參數分割成key-value對，并與傳入的name進行匹配。如果找到了匹配的參數，就返回該參數的值。

在主要的代碼部分，我們通過調用getURLParam函數來獲取URL中的id和name參數，并將其賦值給相應的變量。然后，我們使用document.getElementById方法找到id屬性為'id'和'name'的元素，然后將獲取到的參數值賦給innerHTML屬性，從而在網頁上顯示出來。在上述例子中，id的值將顯示為123，name的值將顯示為John。

總結起來，使用AJAX動態獲取URL參數的方法是先定義一個獲取URL參數的函數，然后在需要獲取參數的地方調用該函數，并將獲取到的參數值賦給需要更新的元素。這樣就能夠動態顯示URL參數的值，實現個性化的網頁內容。