隨著Web應用程序的發展，動態數據的獲取和展示成為了一個重要的需求。ajax技術的出現解決了傳統的頁面刷新的問題，使得用戶能夠在不刷新整個頁面的情況下，通過與服務器的異步通信獲取所需的數據。在這篇文章中，我們將討論如何使用ajax技術來獲取每個ID下的數據庫文章，并通過舉例說明其實現方法。
在很多網站中，文章是按照唯一的ID進行標識和存儲的。假設我們有一個文章列表的頁面，用戶可以點擊每篇文章獲取更多詳細信息。當用戶點擊某篇文章時，我們希望通過ajax技術獲取該文章的內容，并在頁面上展示出來。
首先，我們需要在頁面中為每篇文章對應的元素設置一個唯一的ID，以便后續通過該ID來獲取與之相關的數據。假設我們的文章列表是一個無序列表，其中每個列表項都有一個唯一的ID屬性，如下所示：

<ul id="articleList">
<li id="article1">文章1</li>
<li id="article2">文章2</li>
<li id="article3">文章3</li>
 </ul>

接下來，我們需要編寫一個處理ajax請求的函數，當用戶點擊某篇文章時，該函數將被觸發。函數根據點擊的列表項的ID，發送一個GET請求到服務器，獲取對應文章的內容，并將其展示在頁面上。

function getArticleContent(articleId) {
var xhr = new XMLHttpRequest();
xhr.open('GET', '獲取文章內容的URL?id=' + articleId, true);
xhr.onreadystatechange = function() {
if(xhr.readyState === XMLHttpRequest.DONE && xhr.status === 200) {
var articleContent = xhr.responseText;
// 在頁面中展示文章內容
document.getElementById('content').innerHTML = articleContent;
}
}
xhr.send();
}

在上面的代碼中，我們使用XMLHttpRequest對象來發送ajax請求。首先，通過open()方法設置請求的類型、URL和異步標識，其中URL參數包含了需要獲取文章內容的ID。當服務器返回響應時，我們通過onreadystatechange事件進行處理。如果請求成功，我們將服務器返回的文章內容賦值給一個變量，并將其展示到頁面上。
最后，我們需要為每個列表項綁定一個點擊事件，當用戶點擊某篇文章時，觸發getArticleContent()函數，并傳遞對應的文章ID作為參數。

var articleList = document.getElementById('articleList');
var articles = articleList.getElementsByTagName('li');
for(var i = 0; i < articles.length; i++) {
articles[i].addEventListener('click', function() {
var articleId = this.id;
getArticleContent(articleId);
});
}

在上述代碼中，我們使用addEventListener()方法為每個列表項綁定了一個點擊事件。當用戶點擊某個列表項時，會觸發匿名函數，并獲取該列表項的ID作為參數傳遞給getArticleContent()函數。
通過上述代碼的實現，當用戶點擊某篇文章時，ajax請求將會被發送到服務器，并返回對應文章的內容，并在頁面上展示出來。這種方式避免了頁面刷新的問題，提升了用戶體驗。
綜上所述，使用ajax技術通過每個ID來獲取數據庫中的文章內容是一種高效的方法。通過在頁面中設置唯一的ID，并通過ajax請求與服務器通信，我們可以輕松地獲取并展示所需的數據。這種方法的優點在于效率高、用戶體驗好，并且可以在不刷新頁面的情況下動態地獲取數據。