Bonnes pratiques pour générer du HTML complexe

Par tbm, il y a 9 ans

Javascript

Bonjour,

Je fais un champ de recherche qui retourne, en temps réel, les résultats. Un peu comme Google quoi. (Voir ci-dessous)

Ce que j'ai fait

J'ai réalisé un script JavaScript qui réalise une requête ajax qui appelle /api/students/search?q=cequejeveux
La requete renvoi une réponse en JSON donc tout est ok :)

Ma question

Comment générer du HTML complexe en JavaScript sans avoir à faire plein de document.createElement dans une boucle ?
Existe-t'il des bonnes pratiques ?

Voici la structure que je souhaite réaliser en JavaScript

<ul> <li class="student-card"> <div class="student-name">PRENOM NOM</div> <div class="student-class">CLASSE</div> <input type="hidden" name="students[]" value="31"/> </li>

Comment procédez vous dans ce cas la ?

2 réponses

Amilor7, il y a 9 ans

Salut tu peux utiliser mustache avec du jQuery, sinon je te donne un lien MDN qui présente plusieurs choix : JavaScript Templates
Bonne journée à toi !

tbm, il y a 9 ans

Merci d'avoir répondu.
C'est exactement ce que je recherchais.

Merci :)