在前端開發中，我們經常會遇到需要將后臺數據動態加載到前端頁面的需求。而Ajax和Thymeleaf就是兩種常用的實現方式。Ajax是一種在不重新加載整個頁面的情況下，通過后臺異步獲取數據并更新頁面的技術；而Thymeleaf是一種Java模板引擎，可以在后臺將動態數據注入到前端模板中。本文將介紹Ajax的全局變量和Thymeleaf的使用方法。 首先，我們來看一下Ajax的全局變量。在Ajax中，我們可以定義全局變量來存儲從后臺獲取的數據，然后在頁面的其他位置使用這些數據。舉個例子，假設我們有一個后臺接口返回了一個用戶列表的JSON數據。我們可以使用以下代碼來獲取該數據并存儲到全局變量中。

var users = [];  // 全局變量
$.ajax({
url: '/api/users',
method: 'GET',
success: function(data) {
users = data;  // 將獲取到的數據存儲到全局變量中
}
});

在上面的代碼中，我們通過$.ajax函數發送了一個GET請求到`/api/users`接口，并在成功回調函數中將獲取到的數據存儲到了名為`users`的全局變量中。接下來，我們可以在頁面的其他位置使用這個`users`變量來展示用戶數據。 比如，我們可以使用以下代碼來展示用戶列表：

-

在上述代碼中，`th:each`屬性用于遍歷`users`變量，并將每個用戶的姓名和年齡展示出來。需要注意的是，這里使用了Thymeleaf的語法來遍歷和展示數據。 除了展示數據，我們還可以使用全局變量來實現其他功能。舉個例子，假設我們有一個按鈕，點擊該按鈕將會在頁面上展示出當前用戶的信息。

當前用戶：
獲取當前用戶

在上述代碼中，我們通過點擊按鈕來獲取當前用戶的信息。我們從全局變量`users`中獲取第一個用戶，并將其姓名和年齡展示在頁面上。 總結來說，全局變量是Ajax中非常有用的功能，它使我們可以在頁面的不同位置使用從后臺獲取的數據。我們可以通過定義全局變量來存儲數據，并在頁面的其他位置使用這些變量。通過全局變量，我們可以實現從簡單的數據展示到復雜的功能實現。而Thymeleaf作為一種Java模板引擎，可以實現動態數據注入到前端模板中。通過Thymeleaf，我們可以很方便地將后臺數據注入到前端頁面中，并實現各種功能。