jQuery是一種廣泛使用的JavaScript庫,可在頁面上加載數據并對其進行處理。下面是使用jQuery在頁面進入時加載數據的方法。
$(document).ready(function(){ $.getJSON("example.json", function(data){ var output = ""; $.each(data, function(key, val){ output += "<li>" + val.name + "</li>"; }); $("#list").html(output); }); });
這個示例代碼使用了jQuery的document.ready函數。在頁面加載完畢后,這個函數會檢查頁面是否準備好與JavaScript進行交互。接下來,使用getJSON方法訪問一個JSON數據文件,并將數據存儲在一個名為“data”的變量中。然后,使用JavaScript的each方法遍歷數據,并將每個元素添加到HTML列表中。
最后,這個代碼塊將HTML列表放置在頁面上具有ID“list”的元素中,即在頁面進入時加載數據。
下一篇css弄下拉通知欄