JQuery 是一套功能豐富的 JavaScript 工具庫。在 Web 開發中，我們經常需要處理數據，其中 JSON 數據格式非常常見。在 JQuery 中，讀取 JSON 數據并展示非常簡單。

首先，我們需要在頁面中引入 JQuery 庫。

<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>

然后，我們可以使用 $.getJSON() 函數來讀取 JSON 數據。以下代碼演示了如何讀取 example.json 文件中的數據：

$.getJSON("example.json", function(json) {
// 處理 JSON 數據
});

在上述代碼中，我們使用 $.getJSON() 函數來獲取 example.json 文件中的數據。該函數接受兩個參數：要獲取的 JSON 文件的 URL，以及成功獲取數據后要執行的回調函數。在回調函數中，我們可以使用獲取到的 JSON 數據進行處理。例如，展示在頁面中：

$.getJSON("example.json", function(json) {
$.each(json, function(key, value) {
$("p").append(key + ": " + value + "<br>");
});
});

在上述代碼中，我們使用了 $.each() 函數來遍歷獲取到的 JSON 數據。該函數接受兩個參數：要遍歷的對象，以及遍歷時要執行的回調函數。回調函數中的 key 和 value 分別代表遍歷到的鍵和值。我們使用了 $("p") 來定位一個或多個 p 標簽，并使用 .append() 函數將 key 和 value 插入標簽內。

以上代碼演示了如何使用 JQuery 讀取 JSON 數據并將其展示在頁面中。通過掌握 JQuery 的相關函數，你可以在 Web 開發中更加輕松地處理數據。