IdentifiantMot de passe
Mot de passe oublié ?Je m'inscris ! (gratuit)

Vous êtes nouveau sur Developpez.com ? Créez votre compte ou connectez-vous afin de pouvoir participer !

Vous devez avoir un compte Developpez.com et être connecté pour pouvoir participer aux discussions.

Vous n'avez pas encore de compte Developpez.com ? Créez-en un en quelques instants, c'est entièrement gratuit !

Si vous disposez déjà d'un compte et qu'il est bien activé, connectez-vous à l'aide du formulaire ci-dessous.

Identifiez-vous
Identifiant
Mot de passe
Mot de passe oublié ?
Créer un compte

L'inscription est gratuite et ne vous prendra que quelques instants !

Je m'inscris !

Charger un fichier JSON avec AJAX
Par Marc Autran

Le , par autran
6 commentaires

28PARTAGES

9  0 
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
Vous avez lu gratuitement 33 articles depuis plus d'un an.
Soutenez le club developpez.com en souscrivant un abonnement pour que nous puissions continuer à vous proposer des publications.

Une erreur dans cette actualité ? Signalez-nous-la !

6 commentaires
Commenter Signaler un problème
SylvainPV
Avatar de SylvainPV
Rédacteur/Modérateur https://www.developpez.com
Le 27/01/2016 à 23:32
Avec la norme ES6, le code se réduit à :
Code : Sélectionner tout 
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
2  0 
yann2
Avatar de yann2
Membre expérimenté https://www.developpez.com
Le 26/01/2016 à 21:47
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.
1  0 
autran
Avatar de autran
Rédacteur https://www.developpez.com
Le 27/01/2016 à 23:47
Merci Sylvain.
Qu'elle élégance cette notation fléchée
1  0 
AS_PTT
Avatar de AS_PTT
Membre du Club https://www.developpez.com
Le 30/01/2016 à 22:31
Merci pour ce tuto Autran, qui est bien utile quand on est débutant comme moi.
1  0 
autran
Avatar de autran
Rédacteur https://www.developpez.com
Le 01/01/2017 à 15:34
A la demande de lecteurs, voici en mode blog (avec une année de retard) des compléments pour :

Bonne lecture,
1  0 
melka one
Avatar de melka one
Membre expérimenté https://www.developpez.com
Le 26/01/2016 à 16:22
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
0  2 
Commenter Signaler un problème