Ajax

  • Raccourci de la révision : AJAX
  • Titre de la révision : Ajax
  • ID de la révision : 136309
  • Créé :
  • Créateur : arena
  • Version actuelle ? Non
  • Commentaire no wording changes

Contenu de la révision

 

Premiers pas
Une introduction à AJAX

Ajax (Asynchronous JavaScript + XML) n'est pas une technologie en soi, mais un terme désignant une « nouvelle » approche utilisant un ensemble de technologies existantes, dont : HTML ou XHTML, les feuilles de styles CSS, JavaScript, le modèle objet de document (DOM), XML, XSLT, et l'objet XMLHttpRequest. Lorsque ces technologies sont combinées dans le modèle AJAX, les applications Web sont capables de réaliser des mises à jour rapides et incrémentielles de l'interface utilisateur sans devoir recharger la page entière du navigateur. Les applications fonctionnent plus rapidement et sont plus réactives aux actions de l'utilisateur.

Documentation

AJAX:Premiers pas
Cet article vous guide à travers les bases d'AJAX et vous donne deux exemples simples pour commencer.
Techniques AJAX alternatives
La plupart des articles sur AJAX se concentrent sur l'utilisation de XMLHttp comme moyen de communication, mais les techniques AJAX ne s'arrêtent pas à XMLHttp. Il y en a bien d'autres.
Ajax: A New Approach to Web Applications (en)
Jesse James Garrett, du site adaptive path, a écrit cet article en février 2005, introduisant le terme AJAX et les concepts liés.
A Simpler Ajax Path
« Comme on le remarquera, il est assez facile de tirer parti de l'objet XMLHttpRequest pour faire se comporter une application Web un peu plus comme une application traditionnelle, tout en continuant à utiliser des outils comme des formulaires Web pour collecter les entrées de l'utilisateur. »
Fixing the Back Button and Enabling Bookmarking for AJAX Apps
Cet article rédigé par Mike Stenhouse détaille certaines méthodes utilisables pour rendre fonctionnel le bouton Précédent et réparer les problèmes causés au marquage des pages lorsque des applications sont développées avec les outils AJAX.
Ajax Mistakes
Cet article d'Alex Bosworth attire l'attention sur certaines erreurs que les développeurs d'applications AJAX peuvent faire.
Tutoriel avec des exemples.
La spécification XMLHttpRequest
Brouillon de travail du W3C

Tous les articles…

Communauté

  • Voir les forums de Mozilla…

{{ ListeDeDiscussion("dev-ajax", "mozilla.dev.ajax") }}

Outils

Exemples

Sujets liés

HTML, XHTML, Feuilles de style (CSS), Modèle objet de document (DOM), JavaScript, XML, XSLT , DHTML, Canvas

Catégories

Interwiki Language Links

 

{{ languages( { "ca": "ca/AJAX", "cs": "cs/AJAX", "en": "en/AJAX", "es": "es/AJAX", "it": "it/AJAX", "ja": "ja/AJAX", "ko": "ko/AJAX", "nl": "nl/AJAX", "pl": "pl/AJAX", "pt": "pt/AJAX", "ru": "ru/AJAX", "zh-cn": "cn/AJAX", "zh-tw": "zh_tw/AJAX" } ) }}

Source de la révision

<p> </p>
<div class="callout-box"><strong><a href="/fr/AJAX/Premiers_pas" title="fr/AJAX/Premiers_pas">Premiers pas</a></strong><br>
Une introduction à AJAX</div>
<div>
<p><strong>Ajax (Asynchronous JavaScript + XML)</strong> n'est pas une technologie en soi, mais un terme désignant une « nouvelle » approche utilisant un ensemble de technologies existantes, dont : <a href="/fr/HTML" title="fr/HTML">HTML</a> ou <a href="/fr/XHTML" title="fr/XHTML">XHTML</a>, <a href="/fr/CSS" title="fr/CSS">les feuilles de styles CSS</a>, <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a>, <a href="/fr/DOM" title="fr/DOM">le modèle objet de document</a> (DOM), <a href="/fr/XML" title="fr/XML">XML</a>, <a href="/fr/XSLT" title="fr/XSLT">XSLT</a>, et l'<a href="/fr/XMLHttpRequest" title="fr/XMLHttpRequest">objet XMLHttpRequest</a>. Lorsque ces technologies sont combinées dans le modèle AJAX, les applications Web sont capables de réaliser des mises à jour rapides et incrémentielles de l'interface utilisateur sans devoir recharger la page entière du navigateur. Les applications fonctionnent plus rapidement et sont plus réactives aux actions de l'utilisateur.</p>
</div>
<table class="topicpage-table"> <tbody> <tr> <td> <h4 name="Documentation"><a href="/Special:Tags?tag=AJAX&amp;language=fr" title="Special:Tags?tag=AJAX&amp;language=fr">Documentation</a></h4> <dl><dt> <a href="/fr/AJAX/Premiers_pas" title="fr/AJAX/Premiers_pas">AJAX:Premiers pas</a> </dt><dd> <small>Cet article vous guide à travers les bases d'AJAX et vous donne deux exemples simples pour commencer.</small> </dd></dl> <dl><dt> <a class="external" href="http://www.webreference.com/programming/ajax_tech/">Techniques AJAX alternatives</a> </dt><dd> <small>La plupart des articles sur AJAX se concentrent sur l'utilisation de XMLHttp comme moyen de communication, mais les techniques AJAX ne s'arrêtent pas à XMLHttp. Il y en a bien d'autres.</small> </dd></dl> <dl><dt> <a class="external" href="http://www.adaptivepath.com/publications/essays/archives/000385.php">Ajax: A New Approach to Web Applications (en)</a> </dt><dd> <small>Jesse James Garrett, du site <a class="external" href="http://www.adaptivepath.com">adaptive path</a>, a écrit cet article en février 2005, introduisant le terme AJAX et les concepts liés.</small> </dd></dl> <dl><dt> <a class="external" href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">A Simpler Ajax Path</a> </dt><dd> <small>« Comme on le remarquera, il est assez facile de tirer parti de l'objet XMLHttpRequest pour faire se comporter une application Web un peu plus comme une application traditionnelle, tout en continuant à utiliser des outils comme des formulaires Web pour collecter les entrées de l'utilisateur. »</small> </dd></dl> <dl><dt> <a class="external" href="http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps">Fixing the Back Button and Enabling Bookmarking for AJAX Apps</a> </dt><dd> <small>Cet article rédigé par Mike Stenhouse détaille certaines méthodes utilisables pour rendre fonctionnel le bouton Précédent et réparer les problèmes causés au marquage des pages lorsque des applications sont développées avec les outils AJAX.</small> </dd></dl> <dl><dt> <a class="external" href="http://alexbosworth.backpackit.com/pub/67688">Ajax Mistakes</a> </dt><dd> <small>Cet article d'Alex Bosworth attire l'attention sur certaines erreurs que les développeurs d'applications AJAX peuvent faire.</small> </dd></dl> <dl><dt> <a class="external" href="http://www.xul.fr/xml-ajax.html" title="http://www.xul.fr/xml-ajax.html">Tutoriel</a> avec des exemples. </dt></dl> <dl><dt> <a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">La spécification XMLHttpRequest</a> </dt><dd> <small>Brouillon de travail du W3C</small> </dd></dl> <p><span class="alllinks"><a href="/Special:Tags?tag=AJAX&amp;language=fr" title="Special:Tags?tag=AJAX&amp;language=fr">Tous les articles…</a></span></p> </td> <td> <h4 name="Communaut.C3.A9">Communauté</h4> <ul> <li>Voir les forums de Mozilla…</li> </ul> <p>{{ ListeDeDiscussion("dev-ajax", "mozilla.dev.ajax") }}</p> <h4 name="Outils">Outils</h4> <ul> <li><a class="external" href="http://www.ajaxprojects.com">Toolkits et frameworks</a></li> <li><a class="external" href="http://www.getfirebug.com/">Firebug — Outil de développement Ajax/Web</a></li> <li><a class="external" href="http://blog.monstuff.com/archives/000252.html">Outils de débogage AJAX</a></li> <li><a class="external" href="http://www.osflash.org/doku.php?id=flashjs">Kit d'intégration Flash/AJAX</a></li> <li><a class="external" href="http://xkr.us/code/javascript/XHConn/">Une bibliothèque d'interface XMLHTTP simple</a></li> <li><a class="external" href="http://chandlerproject.org/Projects/AjaxLibraries">Bibliothèques AJAX</a>	<span class="alllinks"><a href="/Special:Tags?tag=AJAX:Outils&amp;language=fr" title="Special:Tags?tag=AJAX:Outils&amp;language=fr">Tous les outils…</a></span></li> </ul> <h4 name="Exemples">Exemples</h4> <ul> <li><a class="external" href="http://www.dhtmlgoodies.com/index.html?whichScript=ajax-poller">AJAX poller script</a></li> <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=9">Ajax Chat Tutorial</a></li> <li><a class="external" href="http://www.funwithjustin.com/ajax-toybox/">Ajax Toybox</a></li> <li><a class="external" href="http://www.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker with AJAX</a></li> <li><a class="external" href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System using XMLHttpRequest</a></li> <li><a class="external" href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Create your own Ajax effects</a></li> <li><a class="external" href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Creating Huge Bookmarklets</a></li> <li><a class="external" href="http://www.hotajax.org">Hot!Ajax: many cool examples</a></li> </ul> <h4 name="Sujets_li.C3.A9s">Sujets liés</h4> <dl><dd> <a href="/fr/HTML" title="fr/HTML">HTML</a>, <a href="/fr/XHTML" title="fr/XHTML">XHTML</a>, <a href="/fr/CSS" title="fr/CSS">Feuilles de style (CSS)</a>, <a href="/fr/DOM" title="fr/DOM">Modèle objet de document (DOM)</a>, <a href="/fr/JavaScript" title="fr/JavaScript">JavaScript</a>, <a href="/fr/XML" title="fr/XML">XML</a>, <a href="/fr/XSLT" title="fr/XSLT">XSLT</a> , <a href="/fr/DHTML" title="fr/DHTML">DHTML</a>, <a href="/fr/HTML/Canvas" title="fr/HTML/Canvas">Canvas</a> </dd></dl></td> </tr> </tbody>
</table>
<p><span class="comment">Catégories</span></p>
<p><span class="comment">Interwiki Language Links</span></p>
<p> </p>
<p>{{ languages( { "ca": "ca/AJAX", "cs": "cs/AJAX", "en": "en/AJAX", "es": "es/AJAX", "it": "it/AJAX", "ja": "ja/AJAX", "ko": "ko/AJAX", "nl": "nl/AJAX", "pl": "pl/AJAX", "pt": "pt/AJAX", "ru": "ru/AJAX", "zh-cn": "cn/AJAX", "zh-tw": "zh_tw/AJAX" } ) }}</p>
Revenir à cette révision