AJAX是一種用于在后臺與服務器進行數據交互的技術，它可以實現頁面無刷新，動態獲取數據并更新頁面，給用戶帶來更加流暢的用戶體驗。在這篇文章中，我們將重點討論如何使用AJAX獲取地址中的數據，并通過幾個實際的例子來說明。

首先，我們需要明確從地址中獲取數據的方式。在URL中，可以通過查詢字符串的方式傳遞數據。例如，我們有一個URL如下：

https://www.example.com/data?name=John&age=25

上述URL中的查詢字符串部分是"name=John&age=25"。我們可以使用AJAX來獲取這些數據，并在頁面中展示出來。下面是一個示例代碼：

const queryString = window.location.search;
const urlParams = new URLSearchParams(queryString);
const name = urlParams.get('name');
const age = urlParams.get('age');
console.log(name); // 輸出 John
console.log(age); // 輸出 25

在上述代碼中，我們首先通過window.location.search獲取到查詢字符串。然后，我們通過URLSearchParams的構造函數將查詢字符串轉換為一個URLSearchParams對象，方便我們進行操作。接著，通過調用URLSearchParams對象的get方法，我們可以通過傳遞屬性名來獲取對應的值。

除了查詢字符串，我們還可以使用路徑來傳遞數據。例如，我們有一個URL如下：

https://www.example.com/data/John/25

在上述URL中，路徑部分是"/data/John/25"。我們可以使用AJAX獲取到這些路徑參數，并在頁面中使用。

// 解析URL
const path = window.location.pathname;
// 去除首尾的斜杠
const trimmedPath = path.slice(1, -1);
// 將路徑參數分割為數組
const pathParams = trimmedPath.split('/');
const name = pathParams[0];
const age = pathParams[1];
console.log(name); // 輸出 John
console.log(age); // 輸出 25

在上述代碼中，我們首先通過window.location.pathname獲取到路徑部分。接著，我們去除路徑前后的斜杠，然后使用split方法將路徑參數分割為一個數組。通過訪問路徑參數數組，我們可以輕松地獲取到對應的值。

在使用AJAX獲取地址中的數據時，還需要注意一些安全性問題。首先，我們應該對獲取到的數據進行驗證和過濾，以防止惡意用戶利用漏洞進行攻擊。其次，我們應該使用HTTPS協議來保證數據傳輸的安全性。最后，我們可以使用后端的一些驗證機制，例如 CSRF 令牌，來增加頁面的安全性。

總之，通過AJAX獲取地址中的數據可以實現頁面無刷新，動態獲取數據的效果。我們可以使用查詢字符串或路徑參數來傳遞數據，并通過一些技巧將其獲取到并在頁面中展示。然而，我們在使用AJAX獲取數據時需要注意安全性問題，以保護用戶的隱私和確保數據的安全傳輸。