[Résolu] faire apparaitre cette liste issue d'un JSON

Franck
2

Bonjour,
En supposant que l'on ouvre un fichier renvoyant des produits depuis une API Rest

var req = new XMLHttpRequest();

req.onload = function() {
    var enregistrements = JSON.parse(this.responseText);
    console.log(enregistrements.produit);
}

Le code ci-dessus pourrait renvoyer par exemple:
prod1
prod2
prod3

Maintenant si je voulais faire apparaitre cette liste sur ma page web qui contiendrait juste ceci :

<div class="boite"></div>

J'aurais tendance à écrire ceci, mais malheureusement la page reste blanche 

req.onload = function() {
    var enregistrements = JSON.parse(this.responseText);
    for(var i = 0; i < 3; i++) {
        document.getElementsByClassName('boite').innerHTML = enregistrements.produit[i];
    }
}


Quelle serait la bonne écriture ?
Je sèche totalement ! Merci

 

3 Réponses

Nouvelle-Techno.fr
9

Bonjour,

Je ne sais pas si j'ai bien compris la question, mais si les données sont comme précisé, j'écrirais quelquechose comme ça

req.onload = function() {
    let enregistrements = JSON.parse(this.responseText);
    for(let i = 0; i < enregistrements.produit.length; i++) {
        document.getElementsByClassName('boite').innerHTML = enregistrements.produit[i];
    }
}

 

Franck
2

Merci pour la réponse.

J'ai fini par trouver ! En fait, il suffit de concaténer  la ligne du innerHTML pour que l'affichage soit complet.

C'est vicieux parfois le développement...

Nouvelle-Techno.fr
9

Je confirme, en tout cas, bravo !!

Répondre

Vous devez être inscrit.e et connecté.e pour répondre

M'inscrire Me connecter

Publicité