AJAX（Asynchronous JavaScript and XML）是一種網頁開發技術，可以通過異步方式從服務器端獲取數據，并在不重新加載整個頁面的情況下更新頁面的部分內容。JSON（JavaScript Object Notation）是一種輕量級的數據交換格式，常用于數據的傳輸和存儲。本文將介紹如何使用AJAX和JSON將數據顯示到HTML頁面上。 通過AJAX和JSON，我們可以輕松地將服務器端的數據顯示在HTML頁面上，提供給用戶更好的交互體驗。例如，我們可以創建一個簡單的任務列表頁面，通過AJAX請求服務器端的任務數據，并將數據以列表的形式展示給用戶。用戶可以通過點擊任務列表中的任務項來標記任務的完成狀態，并通過AJAX請求將狀態更新到服務器端，實現與服務器的數據同步。 下面是一個示例，我們通過AJAX請求服務器端的任務數據，并將數據顯示在HTML頁面上： ```html

任務列表：

``` 在上面的示例代碼中，我們使用了XMLHttpRequest對象來進行AJAX請求。首先，我們創建了一個GET請求，請求地址為`/api/tasks`，然后在`onreadystatechange`事件中監聽請求狀態的變化。當請求狀態為`4`（表示請求已完成）且請求狀態碼為`200`（表示請求成功）時，我們解析服務器返回的JSON數據，并將數據顯示在HTML頁面上。 在請求成功后，我們首先獲取了一個用于顯示任務列表的`ul`元素，然后通過`innerText`屬性將任務名稱添加到`li`元素中，并將`li`元素添加到`ul`元素中。這樣，請求到的任務數據就以列表的形式顯示在了HTML頁面上。 通過以上代碼，我們實現了將服務器端的任務數據以列表的形式顯示在HTML頁面上。用戶可以通過點擊任務項來標記任務的完成狀態，并且這些操作可以通過AJAX請求發送到服務器端，實現與服務器的數據同步。 綜上所述，AJAX和JSON的組合可以方便地將服務器端的數據顯示在HTML頁面上，為用戶提供更好的交互體驗。無論是簡單的任務列表還是更復雜的數據顯示，我們都可以通過AJAX和JSON來實現。通過這種方式，我們可以在不重新加載整個頁面的情況下，動態地更新頁面的內容，提升用戶的體驗感。