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

0PARTAGES

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

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

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 
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 
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 
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 
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 
Avatar de melka one
Membre éprouvé 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