今天我們來(lái)學(xué)習(xí)如何使用jQuery讀取JSON文件并輸出。

$.getJSON("data.json", function(data){
console.log(data);
});

上面的代碼中，使用了jQuery的getJSON方法來(lái)讀取名為"data.json"的JSON文件，并在控制臺(tái)中輸出文件內(nèi)容。

<div id="output"></div>
$.getJSON("data.json", function(data){
$.each(data, function(key, value){
$("#output").append("<p>" + key + ": " + value + "</p>");
});
});

上面的代碼中，我們先在HTML文件中添加一個(gè)id為"output"的div標(biāo)簽用來(lái)輸出讀取的JSON文件內(nèi)容。然后使用jQuery的each方法遍歷JSON文件中的鍵值對(duì)，將每一個(gè)鍵值對(duì)都添加到id為"output"的div標(biāo)簽中。這樣，我們就可以將讀取的JSON文件內(nèi)容在網(wǎng)頁(yè)中進(jìn)行輸出了。