Ajax是一種在網頁上異步獲取數據的技術，通過Ajax請求后臺的數據，可以返回一些有用的信息，最常見的形式就是JSON（JavaScript Object Notation）格式的數據。JSON是一種輕量級的數據交換格式，幾乎可以用于任何編程語言中，它簡潔、易讀、易寫，非常適合用來表示結構化的數據。 在使用Ajax獲取后臺返回的JSON數據后，我們需要將其顯示在網頁上，以便用戶能夠直觀地看到數據的內容。為了實現這個目標，我們可以使用JavaScript來處理JSON數據，并將其渲染到HTML頁面上。 例如，假設我們正在開發一個電影評分系統，用戶可以在網頁上搜索電影，并查看其相關評分信息。當用戶輸入關鍵字并點擊搜索按鈕后，Ajax會將請求發送到后臺，后臺根據關鍵字查詢數據庫，并返回一個包含電影評分信息的JSON數據。接下來，我們可以使用JavaScript來處理JSON數據，并將其顯示在網頁上。 首先，我們需要在HTML頁面中創建一個用于顯示電影評分信息的容器，可以是一個div標簽。然后，通過Ajax發送請求并接收返回的JSON數據。接下來，我們可以使用JavaScript的JSON解析方法將JSON數據轉換為JavaScript對象，以便我們可以方便地訪問和處理其中的內容。 以下是一個示例代碼片段，演示了如何使用Ajax獲取后臺返回的JSON數據，并將其顯示在網頁上： ```javascript // 創建用于顯示電影評分信息的容器 var container = document.createElement("div"); document.body.appendChild(container); // 發送Ajax請求 var xhr = new XMLHttpRequest(); xhr.open("GET", "backend.php?keyword=movie", true); xhr.onreadystatechange = function() { if (xhr.readyState === 4 && xhr.status === 200) { // 解析JSON數據 var response = JSON.parse(xhr.responseText); // 處理JSON數據并將其顯示在網頁上 for (var i = 0; i< response.length; i++) { var movie = response[i]; // 創建并顯示電影標題 var title = document.createElement("p"); title.textContent = "電影標題：" + movie.title; container.appendChild(title); // 創建并顯示電影評分 var rating = document.createElement("p"); rating.textContent = "評分：" + movie.rating; container.appendChild(rating); // 創建一個換行 var newline = document.createElement("br"); container.appendChild(newline); } } }; xhr.send(); ``` 在上述代碼中，我們首先創建了一個容器div，并將其添加到網頁的body元素中。然后，通過Ajax發送GET請求，請求的URL中包含關鍵字參數。當請求成功返回后，我們使用JSON.parse方法將返回的JSON數據解析成JavaScript對象。然后，我們遍歷該對象中的每個電影信息，并將標題和評分創建為p標簽，并追加到容器div中。 通過這種方式，我們可以將后臺返回的JSON數據顯示在網頁上，讓用戶直觀地了解搜索到的電影評分信息。利用Ajax和JSON，我們可以實現更豐富、更動態的網頁交互效果，提升用戶體驗。