Ciao a tutti,
vengo subito al dunque, ho un json di questo tipo, all'apparenza molto semplice. La mia difficoltà è dovuta al fatto che mi interessa stampare in html dinamicamente dei dati che sono all'interno di un array, i quali a loro volta sono all'interno di un array:
devo assolutamente inserire dinamicamente in una tabella i seguenti dati, formattati nel seguente modo:
<h4><span><a>ROMA - PARMA</a></span></h4>
come faccio? Io ho creato questo script, però ho un problema perchè non so come si arriva a leggere il dato specifico all'interno di più array inglobati e mi fermo all'oggetto che ingloba tutto. Nel codice che posto sotto chiaramente è tutto incompleto perchè si vede solo il punto dove sono arrivato e non il dato preciso. Grazie anticipatamente a chi volesse darmi una mano!
Buona giornata
vengo subito al dunque, ho un json di questo tipo, all'apparenza molto semplice. La mia difficoltà è dovuta al fatto che mi interessa stampare in html dinamicamente dei dati che sono all'interno di un array, i quali a loro volta sono all'interno di un array:
Codice:
{
"model": {
"competitions": [
{
"competitionId": 1,
"name": "SERIE A",
"matches": [
{
"matchId": "55ec1fd1b529",
"participants": [
{
"participantId": 1,
"name": "INTER"
},
{
"participantId": 15,
"name": "MILAN"
}
]
}
]
}
]
}
}devo assolutamente inserire dinamicamente in una tabella i seguenti dati, formattati nel seguente modo:
<h4><span><a>ROMA - PARMA</a></span></h4>
come faccio? Io ho creato questo script, però ho un problema perchè non so come si arriva a leggere il dato specifico all'interno di più array inglobati e mi fermo all'oggetto che ingloba tutto. Nel codice che posto sotto chiaramente è tutto incompleto perchè si vede solo il punto dove sono arrivato e non il dato preciso. Grazie anticipatamente a chi volesse darmi una mano!
Buona giornata
Codice:
$(document).ready( function(){
$.getJSON("my_data.json", function(data){
$.each(data.model.competitions, function(competizione){
//console.log(competizione);
$(".box-content h4").append("<span>"+"<a href='#'>"+competizione+"</a>"+"</span>");
});
});
});