JSON(JavaScript Object Notation)是一種輕量級的數據格式,常用于將數據從服務器傳輸到前端頁面。同時,我們也可以通過JSON來綁定事件處理。
$(document).ready(function(){ $("button").click(function(){ $.getJSON("demo.json", function(data){ $.each(data, function(key, value){ $("#myTable").append("<tr><td>"+value.name+"</td><td>"+value.age+"</td></tr>"); }); }); }); });
在上述代碼中,我們使用jQuery的getJSON方法通過HTTP GET請求從服務器獲取JSON數據,并使用each方法遍歷數據,從而將數據綁定在HTML元素上。在本例中,JSON數據包含了姓名和年齡兩個字段,我們將其轉化為表格形式,方便顯示在前端頁面上。
需要注意的是,在JSON數據綁定事件處理中,我們需要確保JSON數據的格式正確,并且在前端頁面上正確引入jQuery庫。
下一篇css背景圖起始點