AJAX et l'échange de données en JavaScript

Par Sébastien de la Marck (Thunderseb) et Johann Pardanaud (Nesquik69) Mise à jour : 07/12/2010 Difficulté : Intermédiaire 6 849 visites depuis 7 jours, classé 33/786

Ce cours traite des différents moyens d’échanger des données en JavaScript. Plusieurs techniques sont expliquées comme le fameux concept d'AJAX et d’autres techniques parfois plus spécifiques et permettant d’échanger des données.

Pour suivre ce cours, il faut juste avoir une base en JavaScript et en HTML et CSS. Des connaissances en XML ou éventuellement en JSON peuvent être un plus, mais c’est un peu moins important, même si la récupération de données au format XML est l’utilisation principale d'AJAX. Les exemples de scripts côté serveur seront codés en PHP, donc une connaissance basique du PHP est également importante .

• Les techniques AJAX
• L'upload en AJAX
• Commentaires et appréciations

• Retour en haut

  Partie 1 : Les techniques AJAX

  • Chapitre 1

    ---

    Le concept d'AJAX

    • Introduction
    • Page Web et Application Web
    • Dialoguer avec le serveur
    • Principes synchrones et asynchrones
  • Chapitre 2

    ---

    L'objet XMLHttpRequest

    • Introduction
    • Instancier un objet XHR
    • Envoi d'une requête HTTP
    • Traitement côté serveur
    • Récupération des données
    • Premiers exemples
    • Contrôle d'état
    • Exemple des listes liées
    • Propriétés et méthodes
    • Conclusion
  • Chapitre 3

    ---

    Dynamic Script Loading

    • Introduction
    • Première approche
    • Avec des variables et du PHP
    • Un code plus propre
    • DSL et le format JSON
    • Charger un objet JSON statique
    • Charger un objet JSON dynamique
    • Conclusion
  • Chapitre 4

    ---

    L'implementation DOM

    • Introduction
    • Utilisation
    • Avec du XML statique
    • Avec du XML dynamique
    • Exemple pratique, gestion de BD
    • Conclusion
  • Chapitre 5

    ---

    iFrame Loading

    • Introduction
    • Accéder au contenu
    • Chargement de contenu
    • Récupérer du contenu
    • Exemple démonstratif
    • Upload de fichiers
  • Chapitre 6

    ---

    Les cookies

    • Introduction
    • Ecrire un cookie
    • Lire un cookie
    • Infos complémentaires
  • Chapitre 7

    ---

    Images & Cookies Loading

    • Introduction
    • Mise en place
    • Conclusion
  • Chapitre 8

    ---

    DOM Storage et Persistence

    • Introduction
    • DOM Storage
    • Persistence userData
    • Fonction interopérable
  • Chapitre 9

    ---

    L'XMLHttpRequest cross-domain

    • Introduction
    • XDomainRequest et XHR 2
    • L'Access Control
    • Exemple d'utilisation
• Retour en haut

  Partie 2 : L'upload en AJAX

  • Chapitre 1

    ---

    Upload via l'extension APC de PHP

    • Présentation d'APC
    • Installer APC ou vérifier si il est activé
    • Un upload simple
    • Introduction au multi-upload

Partager

Retour en haut

53 commentaires pour "AJAX et l'échange de données en JavaScript"

Note moyenne : 3.60 / 4 (138 votes)

Pseudo	Commentaire
V@dor	# Posté le 24/04/2012 à 10:40:42
	Un grand MERCI pour ce super tuto.
Masteur-Codeur	# Posté le 16/05/2012 à 21:58:59
Patientez s'il vous plaît.	Dommage ! [signature modérée]
octopuSearch.tk	# Posté hier à 21:05:40
	Salut! Merci pour le tuto! j'avais quand même une question... j'ai codé une fonction qui retourne le résultat de responseText... Et quand j'affiche ce résultat, undefined!!! Du coup j'me suis dit qu'un peu d'aide serait la bienvenue
Nesquik69	# Posté hier à 21:14:28
Slave of the Rythm Groupe : Auteurs Blog Twitter close Ville : Tassin la demi-lune Pays : France métropolitaine	Pour cela je te conseille de te diriger vers le forum et de leur fournir ton code . Mes sites web : Plune | It's Friday! Mes tutos : Javascript | Ajax Mes projets : SpeedTest | Boxifier | zUploader Articles : Breakpoint 2007 / 2008 / 2009 Useless : Mangas | Caramelldansen | Monde parallèle acidifié | Tydax
octopuSearch.tk	# Posté hier à 21:22:58
	Ok je vais faire ca! Encore merci!

Voir tous les commentaires