Remerciez-le!

Remerciez @Admin pour avoir partagé cet document gratuitement, de la manière la plus simple, en partageant sur les réseaux sociaux.

Premiers pas avec ajax Premiers pas avec AJAX Cet article vous guide à travers les bases d ? AJAX et vous donne deux exemples clefsen-main pour débuter Présentation d ? AJAX AJAX est un raccourci pour Asynchronous JavaScript And XML JavaScript asynchrone

Premiers pas avec AJAX Cet article vous guide à travers les bases d ? AJAX et vous donne deux exemples clefsen-main pour débuter Présentation d ? AJAX AJAX est un raccourci pour Asynchronous JavaScript And XML JavaScript asynchrone et XML inventé par Jesse James Garrett Pour simpli ?er il s ? agit d ? employer l ? objet XMLHttpRequest pour communiquer avec des serveurs Il peut envoyer et recevoir des informations sous di ?érents formats dont JSON XML HTML ou texte Son principal attrait est sa nature ? asynchrone ? ? ce qui signi ?e qu ? il peut communiquer avec le serveur échanger des données et mettre à jour la page sans avoir à la recharger Les deux principales fonctionnalités d ? AJAX permettent de ? faire des requêtes vers le serveur sans recharger la page ? recevoir et travailler avec des données provenant du serveur Étape ?? Lancement d ? une requête HTTP Pour faire une requête HTTP vers le serveur à l ? aide de JavaScript il faut disposer d ? une instance d ? objet fournissant cette fonctionnalité C ? est ici que XMLHttpRequest intervient Son prédécesseur est originaire de Internet Explorer sous la forme d ? un objet ActiveX appelé XMLHTTP Par la suite Mozilla Safari et d ? autres navigateurs ont suivi en implémentant un objet XMLHttpRequest qui fournit les mêmes méthodes et propriétés que l ? objet ActiveX original de Microsoft Entre temps Microsoft a également implémenté XMLHttpRequest ancien code de compatibilité aujourd ? hui inutile if window XMLHttpRequest Mozilla Safari IE httpRequest new XMLHttpRequest else if window ActiveXObject IE et antérieurs httpRequest new ActiveXObject Microsoft XMLHTTP Note ? Pour illustrer le principe le code ci-dessus est une version un peu simpli ?ée de celui qui est utilisé pour créer une instance XMLHTTP Pour un exemple plus réaliste voir l ? étape de cet article CAprès avoir fait une requête vous recevrez une réponse du serveur À ce stade vous devez indiquer à l ? objet httpRequest le nom de la fonction JavaScript qui traitera la réponse Pour cela assignez à la propriété onreadystatechange de l ? objet le nom de la fonction JavaScript que vous envisagez d ? utiliser comme ceci ? httpRequest onreadystatechange nomDeLaFonction Notez qu ? il n ? y a ni parenthèses ni paramètres après le nom de la fonction car vous ne faites qu ? assigner une référence à la fonction sans l ? appeler réellement Alternativement au lieu de donner un nom de fonction vous pouvez utiliser la technique JavaScript de dé ?nition de fonctions à la volée ce qu ? on appelle une fonction anonyme et dé ?nir à cet endroit les actions à e ?ectuer sur la réponse comme ceci ? httpRequest onreadystatechange function instructions de traitement de la réponse Ensuite après avoir déclaré ce qui se produit lorsque la réponse est reçue il s ? agit de lancer e ?ectivement la requête Il faut pour cela appeler les méthodes open et send de l