Buongiorno, avrei un problema a recuperare dati da un file json utilizzando javascript. Vi riporto il codice:
index.html
<!DOCTYPE>
<html>
<head>
<title>Test JSON</title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
<script type="text/javascript" src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
<script type="text/javascript" src="./js/script.js"></script>
<link rel="stylesheet" href="./css/style.css" type="text/css" media="all" />
</head>
<body>
<div id="content">
<div id="info" class="block">
<ul class="rubrica">
</ul>
<br />
</div>
</div>
</body>
</html>
script.js
$(document).ready( //ready permette di eseguire il contenuto dopo che il DOM è stato caricato completamente
function(){
$.getJSON( //carica il JSON utilizzando una richiesta HTTP di tipo GET
'./data.json',
function(data){ //data contiene il JSON ottenuto dalla richiesta
// ciclo l'array
for(i=0; i<data.length; i++){
var content = '<li>';
content += data[i].nome + ' ' + data[i].cognome;
content += '<br />';
content += data[i].tel;
content += '</li>';
$('ul.rubrica').append(content);
}
}
);
}
);
data.json
[
{
"nome" : "Giorgio",
"cognome" : "Rossi",
"età" : 29,
"tel" : "342342342"
},
{
"nome" : "Antonio",
"cognome" : "Verdi",
"età" : 28,
"tel" : "4234234224"
},
{
"nome" : "Marco",
"cognome" : "Bianchi",
"età" : 31,
"tel" : "234234223"
}
]
Grazie in anticipo per i chiarimenti