本文將介紹使用 AJAX 和 JSON 來獲取數據并進行格式化的方法。在現代的網頁應用中，經常需要從服務器獲取數據并在頁面上顯示出來。AJAX 是一種在不刷新整個頁面的情況下與服務器交換數據的技術，而 JSON 是一種用于數據交換的輕量級的數據格式。結合使用 AJAX 和 JSON 可以輕松地從服務器獲取數據并在頁面上顯示出來。

例如，假設我們的網頁需要顯示一些用戶的信息，我們可以通過 AJAX 來向服務器發送一個請求并獲取數據。服務器會返回一個 JSON 格式的數據，我們可以使用 JavaScript 將其解析為對象或數組，并根據需要對數據進行格式化。

// 示例 1
$.ajax({
url: "https://example.com/api/user",
type: "GET",
success: function(response) {
var user = JSON.parse(response);
// 對數據進行格式化并顯示在頁面上
// ...
}
});

在上面的示例中，我們使用 AJAX 向服務器發送一個 GET 請求，并通過 success 回調函數來處理服務器返回的數據。這里假設服務器返回的數據是一個 JSON 字符串，我們通過 JSON.parse() 方法將其解析為一個 JavaScript 對象或數組，然后可以根據需要對數據進行操作。

另外一個常見的應用場景是使用 AJAX 獲取一個包含多條數據的 JSON 數組。例如，我們希望在網頁上顯示一些文章的標題和摘要。

// 示例 2
$.ajax({
url: "https://example.com/api/articles",
type: "GET",
success: function(response) {
var articles = JSON.parse(response);
articles.forEach(function(article) {
var title = article.title;
var summary = article.summary;
// 對數據進行格式化并顯示在頁面上
// ...
});
}
});

在上面的示例中，我們通過 AJAX 請求獲取到了一個包含多條文章信息的 JSON 數組。我們可以使用 forEach 方法來遍歷數組中的每一項，并對每一項進行格式化處理。這樣就可以將每篇文章的標題和摘要顯示在網頁上。

總而言之，AJAX 和 JSON 是一對很強大的組合，可以幫助我們從服務器獲取數據并在網頁上進行格式化顯示。無論是獲取單個數據還是多個數據，都可以通過 AJAX 發送請求并使用 JSON 進行數據交換和格式化。希望本文對你理解和使用 AJAX 和 JSON 有所幫助。