Sommaire

Afficher des données extérieures et utiliser un template séparé

1. Les objectifs

Dans ce dernier exemple, nous allons concevoir un template séparé dans un élément HTML <script> qui utilisera des données extérieures au format JSON.

Attention, dans cet exemple, nous allons à nouveau importer des données extérieures au fichier .html avec le protocole HTTP, vous devez donc utiliser un serveur web local, de type MAMP, WAMP, XAMPP, selon votre convenance.

2. Les données extérieures

Toutes les données de cet exemple sont dans un fichier articles.json :

{     
    "articles":[ 
        { 
            "titre": "Lorem Ipsum", 
            "contenu": "Aenean lacinia bibendum nulla sed...", 
            "date": "08/06/2018", 
            "auteur": "Christophe" 
        }, 
        { 
            "titre": "Cursus Malesuada Amet", 
            "contenu": "Praesent commodo cursus magna...", 
            "date": "11/06/2018", 
            "auteur": ...