jQuery 是一個廣泛應用于 Web 開發的 JavaScript 庫,而 json 則是一種輕量級的數據交換格式。在 jQuery 中,可以使用鍵值對來描述 json 數據,有助于方便地進行數據的傳輸和處理。
下面是一個例子:
$(document).ready(function(){ $("button").click(function(){ $.getJSON("demo.json", function(result){ $.each(result, function(i, field){ $("div").append(field + " "); }); }); }); });
在這段代碼中,每個鍵值對都有其獨特的作用:
$("button").click(function(){- 定義了一個單擊 button 元素的事件。
$.getJSON("demo.json", function(result){- 在 demo.json 文件成功地調取到之后,返回一個結果集用于進一步處理。
$.each(result, function(i, field){- 遍歷結果集中的所有鍵值對,把內容分別存儲在 i 和 field 變量中,在 every 中處理。
$("div").append(field + " ");- 把每個鍵值對的值都添加到 HTML 文件中 div 元素內。
通過編寫這樣的代碼,我們可以方便地利用 json 數據來搭建出充滿動態性和互動性的 Web 頁面。