Analysieren Sie die lokale JSON-Datei mit jQuery und Javascript
Ich versuche, eine JSON-Datei zu analysieren, die sich auf meinem Computer befindet. Ich möchte es analysieren. Die JSON-Datei hat folgende Struktur:
{
"sites": {
"site": [
{
"id": "01",
"name": "Sito 1",
"src": "localhost/root/coupon/sito1",
"expiryDate": "29 Ago 2013"
},
{
"id": "02",
"name": "Sito 2",
"src": "localhost/root/coupon/sito2",
"expiryDate": "30 Ago 2013"
},
{
"id": "Sito 3",
"name": "Sito 3",
"src": "localhost/root/coupon/sito2",
"expiryDate": "31 Ago 2013"
}
]
}
}
In meinem HTML-Code importiere ich die jQuery-Bibliothek und habe eine Funktion erstellt, die beim Laden der Seite geladen wird. Der Code ist unten:
<!DOCTYPE html>
<html lang="it">
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=0;"/>
<title>Lista coupon</title>
<script type="text/javascript" src="jquery-1.9.1.min.js"></script>
<script type="text/javascript" charset="utf-8">
function loadJson() {
window.alert("Carico il contenuto del file JSON per popolare la lista");
$(document).ready(function()
{
$.getJSON('data.json', function(json) {
console.log(json);
});
});
}
</script>
</head>
<body onload="loadJson();">
<div id="header">
<h1>Lista coupon salvati</h1>
</div>
<div id="content">
<p>Di seguito trovi tutte le promozioni salvate</p>
</div>
<div id="footer">
</div>
</body>
</html>
Jetzt habe ich in der Firebug-Konsole festgestellt, dass die JSON-Datei korrekt gelesen werden kann, aber ich weiß nicht, wie ich diese JSON-Datei analysieren soll. Ich habe in Google gesucht, aber ich habe viele Beispiele gefunden, die einen Remote-JSON verwenden. Können Sie mir helfen, das Parsen einer lokalen JSON-Datei zu verstehen? Vielen Dank
PS: Beachten Sie die Seite, die ich hier poste. Sie ist für den mobilen Browser gemacht.