Navigation

Inscrivez-vous gratuitement
pour pouvoir participer, suivre les réponses en temps réel, voter pour les messages, poser vos propres questions et recevoir la newsletter

  1. #1
    Rédacteur

    [Tutoriel] Charger un fichier JSON avec AJAX
    Bonjour à tous,

    Je vous propose un tutoriel pour apprendre à manipuler des données JSON avec AJAX
    Dans ce tutoriel, vous allez apprendre à lire des objets depuis un fichier JSON en utilisant une technologie 100% AJAX.

    Charger un fichier JSON avec AJAX

    Merci de laisser vos commentaires !



    Tous les meilleurs cours et tutoriels pour apprendre Ajax
    Tous les meilleurs cours et tutoriels pour apprendre la programmation Web
    Développeur Java
    Site Web

  2. #2
    Membre éprouvé
    Bonjour

    Le titre précise que c'est du json c'est pratique pour celui qui n'y connais rien mais sinon c'est qu'une requête ajax avec reponseText et un json.parse
    Plus vite encore plus vite toujours plus vite.

  3. #3
    Membre expérimenté
    Bonjour

    Ben JSON étant une notation textuelle je ne vois pas trop où est le problème c'est pareil quand on demande une page HTML. Je trouve ce tuto bien fait et il va à l'essentiel ; par contre je pense que le public visé est plutôt débutants.

  4. #4
    Rédacteur/Modérateur

    Avec la norme ES6, le code se réduit à :
    Code :Sélectionner tout -Visualiser dans une fenêtre à part
    1
    2
    3
    fetch("data.json").then(res => res.json()).then(catalogue => {
       console.log(catalogue.length);
    })


    Y'a pas à dire, c'est beau le progrès
    One Web to rule them all

  5. #5
    Rédacteur

    Merci Sylvain.
    Qu'elle élégance cette notation fléchée
    Développeur Java
    Site Web

  6. #6
    Membre du Club
    Merci
    Merci pour ce tuto Autran, qui est bien utile quand on est débutant comme moi.

  7. #7
    Rédacteur

    Complément (php + jQuery)
    A la demande de lecteurs, voici en mode blog (avec une année de retard) des compléments pour :

    Bonne lecture,
    Développeur Java
    Site Web

###raw>template_hook.ano_emploi###