AJAX（Asynchronous JavaScript and XML）是一種用于創建快速、靈活和交互性強的Web應用程序的技術。它的主要優勢在于可以在不刷新整個頁面的情況下，通過異步方式從服務器獲取數據并更新網頁內容。本篇文章將介紹如何使用AJAX技術從數據庫中請求文章，并通過舉例說明其使用方法和效果。

1. 使用AJAX請求數據庫文章

首先，我們需要使用AJAX來發送HTTP請求到服務器，這可以使用JavaScript中的XMLHttpRequest對象來完成。例如，以下是一個向服務器請求文章的例子：

var xhr = new XMLHttpRequest();
xhr.open('GET', 'getarticle.php?id=1', true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var article = xhr.responseText;
document.getElementById('article-container').innerHTML = article;
} else {
console.error('請求出錯：' + xhr.status);
}
}
};
xhr.send();

在上述例子中，我們使用了GET請求方式來獲取ID為1的文章內容，并將獲取到的文章顯示在id為'article-container'的HTML元素中。

2. 使用AJAX通過數據庫查詢參數來請求文章

除了使用固定的ID之外，我們還可以使用數據庫查詢參數來請求文章。例如，以下是一個通過查詢參數來獲取標題包含'AJAX'的所有文章的例子：

var query = 'ajax';
var xhr = new XMLHttpRequest();
xhr.open('GET', 'getarticle.php?query=' + query, true);
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var articles = JSON.parse(xhr.responseText);
for (var i = 0; i< articles.length; i++) {
var article = articles[i];
var articleElement = document.createElement('div');
articleElement.innerHTML = article.title;
document.getElementById('article-list').appendChild(articleElement);
}
} else {
console.error('請求出錯：' + xhr.status);
}
}
};
xhr.send();

在上述例子中，我們將查詢參數'ajax'通過GET方式發送給服務器，并使用JSON來解析返回的文章列表。然后，我們通過遍歷文章列表，創建包含文章標題的新HTML元素，并將其添加到id為'article-list'的HTML元素中。

3. 使用AJAX實現文章評論功能

通過AJAX還可以實現文章的評論功能。例如，以下是一個使用AJAX添加文章評論的例子：

var articleId = 1;
var comment = '這篇文章很有啟發性！';
var xhr = new XMLHttpRequest();
xhr.open('POST', 'addcomment.php', true);
xhr.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded');
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
console.log('評論已添加！');
} else {
console.error('請求出錯：' + xhr.status);
}
}
};
xhr.send('articleId=' + articleId + '&comment=' + encodeURIComponent(comment));

在上述例子中，我們使用POST請求方式將文章ID和評論內容發送給服務器進行處理。需要注意的是，我們使用encodeURIComponent函數對評論內容進行編碼，以確保傳輸過程中不會出現問題。

總之，AJAX技術為我們從數據庫中請求文章提供了便捷和高效的方法。通過使用XMLHttpRequest對象和適當的HTTP請求方式，我們可以靈活獲取所需的數據，并實現各種功能，如文章展示、查詢和評論等。