本文主要介紹如何使用Ajax來獲取前臺的string類型的文章。通過Ajax，我們可以在不刷新頁面的情況下，從后臺獲取數據，并將其顯示在前臺。這對于展示文章內容、評論等場景非常有用。

在使用Ajax獲取前臺的string類型的文章之前，我們首先需要創建一個后臺接口，該接口負責從數據庫或其他數據源中獲取文章內容，并以string類型的形式返回給前臺。接下來，我們通過下面的示例代碼來演示如何使用Ajax來獲取并顯示文章內容：

// HTML代碼
<div id="article"></div>
// JavaScript代碼
var xhr = new XMLHttpRequest();
xhr.onreadystatechange = function() {
if (xhr.readyState === XMLHttpRequest.DONE) {
if (xhr.status === 200) {
var articleContent = xhr.responseText;
document.getElementById("article").innerHTML = articleContent;
} else {
console.error("Failed to retrieve article content.");
}
}
};
xhr.open("GET", "article.php", true);
xhr.send();

在上述代碼中，我們首先創建了一個XMLHttpRequest對象，用于發送Ajax請求。當readyState的狀態改變時，xhr的onreadystatechange事件會被觸發。在這個事件中，我們首先判斷xhr的readyState是否等于XMLHttpRequest.DONE，這表示請求已經完成。如果請求成功（即status等于200），我們將獲取到的文章內容（即xhr.responseText）賦值給名為"article"的DOM元素的innerHTML，從而在前臺顯示文章內容。

假設我們的后臺接口article.php會返回以下這些文章內容：

<p>這是第一段文章內容。</p>
<p>這是第二段文章內容。</p>
<p>這是第三段文章內容。</p>

那么，通過上述Ajax代碼，我們將在前臺顯示如下內容：

這是第一段文章內容。

這是第二段文章內容。

這是第三段文章內容。

通過上述示例，我們可以看到，在獲取到后臺返回的文章內容之后，我們可以使用JavaScript將它插入到指定的DOM元素中，從而展示在前臺。這樣，我們就成功地通過Ajax獲取并顯示了前臺的string類型的文章。