Bonnes pratiques pour générer du HTML complexe

tbm
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
Réponse acceptée

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
Auteur

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

Merci :)