JSON(JavaScript Object Notation)是一種輕量級的數(shù)據(jù)格式,常用于將數(shù)據(jù)從服務(wù)器傳輸?shù)角岸隧撁妗M瑫r,我們也可以通過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請求從服務(wù)器獲取JSON數(shù)據(jù),并使用each方法遍歷數(shù)據(jù),從而將數(shù)據(jù)綁定在HTML元素上。在本例中,JSON數(shù)據(jù)包含了姓名和年齡兩個字段,我們將其轉(zhuǎn)化為表格形式,方便顯示在前端頁面上。
需要注意的是,在JSON數(shù)據(jù)綁定事件處理中,我們需要確保JSON數(shù)據(jù)的格式正確,并且在前端頁面上正確引入jQuery庫。
下一篇css背景圖起始點