HTML5讀取JSON文件

在HTML5中，可以通過JavaScript輕松地讀取JSON文件并使用它們來渲染網頁。其中的一個最有用的例子就是通過讀取JSON文件來創建動態的熱點圖。

讀取JSON文件

以下代碼片段演示了如何通過JavaScript使用jQuery從JSON文件中讀取數據：

$.getJSON('data.json', function(data) {
// 處理數據的代碼
});

在這個例子中，我們通過使用jQuery的$.getJSON()函數，來讀取名為data.json的JSON文件。隨后，我們在回調函數中使用data參數處理數據，這個參數是一個json對象。

使用JSON數據

以下代碼片段是一個簡單的例子，演示了如何讀取JSON文件，并使用從JSON文件中讀取的數據來渲染HTML頁面：

$.getJSON('data.json', function(data) {
$.each(data.promotions, function(key, value) {
$('<div class="promotion">').html(value.title).appendTo($('#promotions'));
});
});

在這個例子中，我們首先通過$.getJSON()函數從data.json中讀取了數據。隨后，我們使用$.each()函數遍歷讀取的數據，并創建了一個帶有class="promotion"的新