AJAX是一種用于在Web頁面上進行異步通信的技術。它可以使我們在不刷新整個頁面的情況下，局部刷新頁面的特定部分。這種技術在現代Web應用程序中被廣泛應用，特別是在增加數據時。本文將重點討論使用AJAX增加數據后如何實現局部刷新。

假設我們有一個博客網站，用戶可以在頁面上發布新的博客文章。當用戶點擊“發布”按鈕時，我們將使用AJAX技術將新的博客文章數據發送到服務器，并在不刷新整個頁面的情況下將其添加到頁面上。

function addBlogPost() {
var title = document.getElementById("titleInput").value;
var content = document.getElementById("contentInput").value;
var xhr = new XMLHttpRequest();
xhr.open("POST", "/api/addBlogPost", true);
xhr.setRequestHeader("Content-Type", "application/json");
xhr.onreadystatechange = function() {
if (xhr.readyState === 4 && xhr.status === 200) {
var response = JSON.parse(xhr.responseText);
var newPost = document.createElement("div");
newPost.innerHTML = "
" + response.title + "
" + response.content + "
";
document.getElementById("blogPostsContainer").appendChild(newPost);
}
};
var data = JSON.stringify({ "title": title, "content": content });
xhr.send(data);
}

在上述代碼中，我們首先獲取用戶輸入的博客文章標題和內容。然后，我們創建一個XMLHttpRequest對象，并通過POST請求將數據發送到服務器的指定API端點。在該端點上，服務器將接收到的數據存儲到數據庫中，并返回包含標題和內容的JSON響應。

當AJAX請求的狀態變為4（已完成）且響應狀態為200（成功）時，我們解析響應的JSON數據，并將其添加到頁面上。具體來說，我們首先創建一個