AJAX（Asynchronous JavaScript and XML）是一種用于創建交互式和動態網頁的技術。它能夠通過異步的方式從服務器獲取數據，然后使用JavaScript將數據插入到現有的網頁中，而無需整個頁面的刷新。其中一個重要的應用是通過控制文檔結構來實現動態內容的加載和更新。

使用AJAX可以實現很多有趣的效果，例如當用戶點擊一個按鈕時，通過AJAX從服務器獲取更多的數據并在頁面上動態顯示。舉例來說，假設我們有一個新聞網站，頁面底部有一個“加載更多”按鈕，當用戶點擊這個按鈕時，AJAX會從服務器獲取更多的文章，并將這些文章添加到頁面上。這樣用戶無需離開當前頁面就能夠獲得更多的內容。

在實現這個功能時，我們首先需要使用AJAX發送一個HTTP請求到服務器，要求獲取更多的文章數據。在成功接收到數據后，我們可以使用JavaScript動態地創建HTML元素，并將數據填充到這些元素中，最后將它們添加到頁面上。下面是一個示例：

// 使用AJAX獲取文章數據
var xhr = new XMLHttpRequest();
xhr.open('GET', 'http://example.com/api/articles', true);
xhr.onload = function() {
if (xhr.status === 200) {
// 獲取到JSON格式的數據
var data = JSON.parse(xhr.responseText);
// 創建DOM元素并添加數據
var articleList = document.getElementById('article-list');
data.forEach(function(article) {
var articleElement = document.createElement('div');
articleElement.innerHTML = '
' + article.title + '
' + article.content + '
';
articleList.appendChild(articleElement);
});
}
};
xhr.send();

上面的代碼使用了XMLHttpRequest對象來發送HTTP請求，并在成功接收數據后，使用JavaScript動態地創建了HTML元素，并將文章數據填充到這些元素中。最后，將創建的元素添加到頁面上的一個容器中。

通過控制文檔結構，我們可以實現更多復雜的功能。例如，在一個在線購物網站上，當用戶選擇不同的商品分類時，我們可以使用AJAX請求服務器上相應分類的商品數據，并將這些數據動態地填充到頁面上的產品列表中。這樣用戶可以快速瀏覽不同分類的產品，而無需刷新整個頁面。

總結來說，AJAX能夠通過動態控制文檔結構，實現在不刷新整個頁面的情況下，動態更新頁面內容的效果。它為網站的交互和用戶體驗提供了很大的改進。通過發送HTTP請求，并使用JavaScript動態創建和更新HTML元素，我們可以實現各種各樣的功能，例如無刷新加載內容、動態更新數據等。