在現代Web開發中，為了提高用戶體驗，我們經常使用Ajax技術來實現動態加載數據。Ajax能夠在不刷新整個頁面的情況下，異步地從服務器獲取數據并將其加載到網頁中。其中，最常見的用法之一是通過Ajax技術從數據庫中提取內容。

假設我們有一個簡單的博客網站，其中包含多篇文章。每篇文章都保存在數據庫中，并使用唯一的文章ID標識。我們想要在網頁中顯示最新的文章列表，并使用戶能夠點擊其中的一篇文章以查看詳細內容。為了實現這個功能，我們可以使用Ajax從數據庫中提取文章列表，并將其動態加載到網頁中。

<script>
function loadArticles() {
var xhr = new XMLHttpRequest();
xhr.open('GET', 'fetch_articles.php', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var articles = JSON.parse(xhr.responseText);
var articleList = document.getElementById('article-list');
articleList.innerHTML = '';
articles.forEach(function(article) {
var articleLink = document.createElement('a');
articleLink.href = 'article.php?id=' + article.id;
articleLink.textContent = article.title;
var listItem = document.createElement('li');
listItem.appendChild(articleLink);
articleList.appendChild(listItem);
});
}
}
xhr.send();
}
loadArticles();
</script>

上述代碼是一個簡單的Ajax請求的示例。它通過XMLHttpRequest對象創建了一個GET請求，請求的地址為“fetch_articles.php”。這個PHP文件的作用是從數據庫中提取最新的文章列表，并將結果以JSON格式返回給前端。在前端代碼中，我們通過解析服務器的響應獲取到文章列表。然后，我們將每篇文章的標題和鏈接動態地創建為網頁上的一個列表。

需要注意的是，我們在前端代碼的末尾調用了“loadArticles()”函數。這樣做是為了在頁面加載完成后立即獲取最新的文章列表。這種方式可以保證在頁面加載時就能夠顯示最新的數據，而不需要用戶進行任何操作。

通過上述示例，我們可以看出Ajax技術可以輕松地從數據庫中提取內容，并將其動態加載到網頁中。這種方式不僅提高了用戶體驗，還可以減少服務器的負載，因為只有必要的數據才會被請求和傳輸。

當然，這只是Ajax技術的冰山一角。在實際應用中，我們還可以通過Ajax從數據庫中提取更多的內容，并根據用戶的需求進行篩選、排序和分頁等操作。無論是在線商城的商品列表、社交媒體的動態消息還是論壇的帖子列表，都可以通過Ajax技術從數據庫中提取數據，讓用戶獲得更好的使用體驗。

總之，Ajax提取數據庫內容是現代Web開發中常見的一種技術，它可以實現動態加載數據，提高用戶體驗。通過Ajax，我們可以從數據庫中提取各種內容，包括文本、圖像、視頻等，并將其無縫地集成到網頁中。