IdentifiantMot de passe
Loading...
Mot de passe oublié ?Je m'inscris ! (gratuit)
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

AJAX Discussion :

[Tutoriel] Charger un fichier JSON avec AJAX


Sujet :

AJAX

  1. #1
    Rédacteur

    Avatar de autran
    Homme Profil pro
    Développeur Java
    Inscrit en
    Février 2015
    Messages
    1 241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2015
    Messages : 1 241
    Points : 7 653
    Points
    7 653
    Billets dans le blog
    55
    Par défaut [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 expérimenté
    Homme Profil pro
    bricoleur par les mots
    Inscrit en
    Avril 2015
    Messages
    713
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 79
    Localisation : France, Seine Maritime (Haute Normandie)

    Informations professionnelles :
    Activité : bricoleur par les mots
    Secteur : Distribution

    Informations forums :
    Inscription : Avril 2015
    Messages : 713
    Points : 1 597
    Points
    1 597
    Par défaut
    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é Avatar de yann2
    Homme Profil pro
    Ingénieur développement logiciels
    Inscrit en
    Mai 2004
    Messages
    897
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 40
    Localisation : France, Hauts de Seine (Île de France)

    Informations professionnelles :
    Activité : Ingénieur développement logiciels

    Informations forums :
    Inscription : Mai 2004
    Messages : 897
    Points : 1 635
    Points
    1 635
    Par défaut
    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

    Avatar de SylvainPV
    Profil pro
    Inscrit en
    Novembre 2012
    Messages
    3 375
    Détails du profil
    Informations personnelles :
    Localisation : France

    Informations forums :
    Inscription : Novembre 2012
    Messages : 3 375
    Points : 9 944
    Points
    9 944
    Par défaut
    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

    Avatar de autran
    Homme Profil pro
    Développeur Java
    Inscrit en
    Février 2015
    Messages
    1 241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2015
    Messages : 1 241
    Points : 7 653
    Points
    7 653
    Billets dans le blog
    55
    Par défaut
    Merci Sylvain.
    Qu'elle élégance cette notation fléchée
    Développeur Java
    Site Web

  6. #6
    Membre du Club
    Homme Profil pro
    Formation Cnam
    Inscrit en
    Octobre 2015
    Messages
    27
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Âge : 49
    Localisation : France, Val d'Oise (Île de France)

    Informations professionnelles :
    Activité : Formation Cnam

    Informations forums :
    Inscription : Octobre 2015
    Messages : 27
    Points : 50
    Points
    50
    Par défaut Merci
    Merci pour ce tuto Autran, qui est bien utile quand on est débutant comme moi.

  7. #7
    Rédacteur

    Avatar de autran
    Homme Profil pro
    Développeur Java
    Inscrit en
    Février 2015
    Messages
    1 241
    Détails du profil
    Informations personnelles :
    Sexe : Homme
    Localisation : France, Var (Provence Alpes Côte d'Azur)

    Informations professionnelles :
    Activité : Développeur Java
    Secteur : High Tech - Multimédia et Internet

    Informations forums :
    Inscription : Février 2015
    Messages : 1 241
    Points : 7 653
    Points
    7 653
    Billets dans le blog
    55
    Par défaut 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

Discussions similaires

  1. [AJAX] Ecriture dans un fichier json avec une requête AJAX
    Par DarkPoster14 dans le forum jQuery
    Réponses: 1
    Dernier message: 10/07/2012, 09h45
  2. Réponses: 0
    Dernier message: 03/03/2011, 14h16
  3. Charger un fichier XML avec MSXML
    Par vanes92 dans le forum XML
    Réponses: 6
    Dernier message: 27/07/2006, 14h49
  4. Réponses: 9
    Dernier message: 26/07/2006, 16h22

Partager

Partager
  • Envoyer la discussion sur Viadeo
  • Envoyer la discussion sur Twitter
  • Envoyer la discussion sur Google
  • Envoyer la discussion sur Facebook
  • Envoyer la discussion sur Digg
  • Envoyer la discussion sur Delicious
  • Envoyer la discussion sur MySpace
  • Envoyer la discussion sur Yahoo