Charger un fichier JSON avec AJAX

Par Marc Autran

Le 2016-01-22 08:18:16, par autran, Rédacteur

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

Discussion forum

6 commentaires

SylvainPV

Rédacteur/Modérateur

Avec la norme ES6, le code se réduit à :

Code :

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

le 27/01/2016 à 23:32

yann2
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.

le 26/01/2016 à 21:47
autran
Rédacteur

Merci Sylvain.
Qu'elle élégance cette notation fléchée

le 27/01/2016 à 23:47
AS_PTT
Membre du Club

Merci pour ce tuto Autran, qui est bien utile quand on est débutant comme moi.

le 30/01/2016 à 22:31
autran
Rédacteur
A la demande de lecteurs, voici en mode blog (avec une année de retard) des compléments pour :
- Aller chercher du JSON en interrogeant un serveur web écrit en PHP
- Ecrire le client avec jQuery
Bonne lecture,
le 01/01/2017 à 15:34
melka one
Membre expérimenté

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

le 26/01/2016 à 16:22

Poster une réponse