mozilla

Version 111477 von AJAX

  • Adressname der Version: AJAX
  • Titel der Version: AJAX
  • ID der Version: 111477
  • Erstellt:
  • Autor: fscholz
  • Aktuelle Version? Nein
  • Kommentar no wording changes

Inhalt der Version

Einführung
Erste Schritte in AJAX.
AJAX (Asynchronous JavaScript and XML) ist für sich selbst keine eigene Technologie, sondern beschreibt ein "neuen" Ansatz verschiedene vorhandene Technologien zu nutzen wie HTML oder XHTML, Cascading Style Sheets, JavaScript, das Document Object Model, XML, XSLT und das XMLHttpRequest Objekt.
Kombiniert man diese Technologien zum AJAX-Modell, können Web-Anwendungen schnell und schrittweise Updates an der Webseite vornehmen, ohne jedes Mal die gesamte Seite neu zu laden. Dadurch können Web-Anwendungen schneller auf Benutzereingaben reagieren.

Dokumentaion

Einführung
Dieser Artikel zeigt Grundlagen von AJAX und gibt zum Einstieg zwei einfache Beispiele.
Alternative AJAX Techniken (en)
Viele Artikel über Ajax fokussieren sich auf die Verwendung von XMLHttp, Ajax Techniken beschränken sich jedoch nicht nur auf XMLHttp. Es gibt weitere, unterschiedliche Methoden.
AJAX: Ein neuer Ansatz für Web-Anwendungen (en)
Jesse James Garrett, von adaptive path, schrieb diesen Artikel im Februar 2005 und liefert eine Einführung in AJAX und die dahinter stehenden Konzepte.
Ein einfacherer AJAX Weg (en)
"Es hat sich herausgestellt, dass es sehr einfach ist, die Vorteile vom XMLHttpRequest Objekt zu nutzen, eine Web-Anwendung wie eine Desktop-Anwendung reagieren zu lassen und immer noch die traditionellen Werkzeuge wie Formulare für Benutzereingaben zu verwenden. Ich habe außerdem gute Wege gefunden um serverseitig Fehler zu behandeln, um das Debugging einfacher zu gestalten."
Den Zurück-Knopf wiederherstellen und Lesezeichen für AJAX Anwendungen ermöglichen (en)
Dieser, von Mike Stenhouse verfasste Artikel, zeigt Methoden wie man die Funktionalität des Zurück-Knopfs wiederherstellen kann und die Probleme für Lesezeichen in AJAX-Anwendungen löst.
AJAX Fehler (en)
Alex Bosworth hat einen Artikel geschrieben, der einige Fehlerquellen mit der AJAX-Programmierung aufzeigt. "Sicherlich ist AJAX cool, und Entwickler lieben es mit coolen Technologien zu spielen. Jedoch ist AJAX ein Werkzeug und kein Spielzeug. AJAX ist außerdem eine gefährliche Technologie, die mit ihrer Mächtigkeit UI Probleme sowie Serverseitig Probleme verursacht. Also habe ich eine liste der möglichen Fehler, die AJAX-Prorammieren häufig machen, zusammengestellt."
XMLHttpRequest Spezifikation (en)
W3C Working draft

Alle zeigen...

Community

  • Mozillas AJAX Foren:

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

Tools

Beispiele

Verwandte Themen

HTML, XHTML, CSS, DOM, JavaScript, XML, XMLHttpRequest, XSLT, DHTML, Canvas

{{ languages( { "ca": "ca/AJAX", "cs": "cs/AJAX", "en": "en/AJAX", "es": "es/AJAX", "fr": "fr/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" } ) }}

Quelltext der Version

<div class="callout-box"><strong><a href="/de/AJAX/Einführung" title="de/AJAX/Einführung">Einführung</a></strong><br>
Erste Schritte in AJAX.</div>
<div><strong>AJAX (Asynchronous JavaScript and XML)</strong> ist für sich selbst keine eigene Technologie, sondern beschreibt ein "neuen" Ansatz verschiedene vorhandene Technologien zu nutzen wie <a href="/de/HTML" title="de/HTML">HTML</a> oder <a href="/de/XHTML" title="de/XHTML">XHTML</a>, <a href="/de/CSS" title="de/CSS">Cascading Style Sheets</a>, <a href="/de/JavaScript" title="de/JavaScript">JavaScript</a>, das <a href="/de/DOM" title="de/DOM">Document Object Model</a>, <a href="/de/XML" title="de/XML">XML</a>, <a href="/de/XSLT" title="de/XSLT">XSLT</a> und das <a href="/de/XMLHttpRequest" title="de/XMLHttpRequest">XMLHttpRequest Objekt</a>.<br>
Kombiniert man diese Technologien zum AJAX-Modell, können Web-Anwendungen schnell und schrittweise Updates an der Webseite vornehmen, ohne jedes Mal die gesamte Seite neu zu laden. Dadurch können Web-Anwendungen schneller auf Benutzereingaben reagieren.</div>
<table class="topicpage-table"> <tbody> <tr> <td> <h4><a href="/Special:Tags?tag=AJAX&amp;language=de" title="Special:Tags?tag=AJAX&amp;language=de">Dokumentaion</a></h4> <dl> <dt><a href="/de/AJAX/Einführung" title="de/AJAX/Einführung">Einführung</a></dt> <dd><small>Dieser Artikel zeigt Grundlagen von AJAX und gibt zum Einstieg zwei einfache Beispiele.</small></dd> <dt><a class=" external" href="http://www.webreference.com/programming/ajax_tech/">Alternative AJAX Techniken</a> (en)</dt> <dd><small>Viele Artikel über Ajax fokussieren sich auf die Verwendung von XMLHttp, Ajax Techniken beschränken sich jedoch nicht nur auf XMLHttp. Es gibt weitere, unterschiedliche Methoden.</small></dd> <dt><a class=" external" href="http://www.adaptivepath.com/publications/essays/archives/000385.php">AJAX: Ein neuer Ansatz für Web-Anwendungen</a> (en)</dt> <dd><small>Jesse James Garrett, von <a class="external" href="http://www.adaptivepath.com">adaptive path</a>, schrieb diesen Artikel im Februar 2005 und liefert eine Einführung in AJAX und die dahinter stehenden Konzepte.</small></dd> <dt><a class=" external" href="http://www.onlamp.com/pub/a/onlamp/2005/05/19/xmlhttprequest.html">Ein einfacherer AJAX Weg</a> (en)</dt> <dd><small>"Es hat sich herausgestellt, dass es sehr einfach ist, die Vorteile vom XMLHttpRequest Objekt zu nutzen, eine Web-Anwendung wie eine Desktop-Anwendung reagieren zu lassen und immer noch die traditionellen Werkzeuge wie Formulare für Benutzereingaben zu verwenden. Ich habe außerdem gute Wege gefunden um serverseitig Fehler zu behandeln, um das Debugging einfacher zu gestalten."</small></dd> <dt><a class=" external" href="http://www.contentwithstyle.co.uk/Articles/38/fixing-the-back-button-and-enabling-bookmarking-for-ajax-apps">Den Zurück-Knopf wiederherstellen und Lesezeichen für AJAX Anwendungen ermöglichen</a> (en)</dt> <dd><small>Dieser, von Mike Stenhouse verfasste Artikel, zeigt Methoden wie man die Funktionalität des Zurück-Knopfs wiederherstellen kann und die Probleme für Lesezeichen in AJAX-Anwendungen löst.</small></dd> <dt><a class=" external" href="http://alexbosworth.backpackit.com/pub/67688">AJAX Fehler</a> (en)</dt> <dd><small>Alex Bosworth hat einen Artikel geschrieben, der einige Fehlerquellen mit der AJAX-Programmierung aufzeigt. "Sicherlich ist AJAX cool, und Entwickler lieben es mit coolen Technologien zu spielen. Jedoch ist AJAX ein Werkzeug und kein Spielzeug. AJAX ist außerdem eine gefährliche Technologie, die mit ihrer Mächtigkeit UI Probleme sowie Serverseitig Probleme verursacht. Also habe ich eine liste der möglichen Fehler, die AJAX-Prorammieren häufig machen, zusammengestellt."</small></dd> <dt><a class="external" href="http://www.w3.org/TR/XMLHttpRequest/">XMLHttpRequest Spezifikation</a> (en)</dt> <dd><small>W3C Working draft</small></dd> </dl> <p><span class="alllinks"><a href="/Special:Tags?tag=AJAX&amp;language=de" title="Special:Tags?tag=AJAX&amp;language=de">Alle zeigen...</a></span></p> </td> <td> <h4 name="Community">Community</h4> <ul> <li>Mozillas AJAX Foren:</li> </ul> <p>{{ DiscussionList("dev-ajax", "mozilla.dev.ajax") }}</p> <ul> <li><a href="/en/AJAX/Community" title="en/AJAX/Community">AJAX community links</a></li> </ul> <h4 name="Tools">Tools</h4> <ul> <li><a class="external" href="http://www.ajaxprojects.com">Toolkits und Frameworks</a></li> <li><a class="external" href="http://www.getfirebug.com/">Firebug - Ajax/Web development tool</a></li> <li><a class="external" href="http://blog.monstuff.com/archives/000252.html">AJAX Debugging Tool</a></li> <li><a class="external" href="http://www.osflash.org/doku.php?id=flashjs">Flash/AJAX Integration Kit</a></li> <li><a class="external" href="http://xkr.us/code/javascript/XHConn/">XMLHTTP Interface Library</a></li> <li><a href="/Special:Tags?tag=AJAX:Tools&amp;language=de" title="Special:Tags?tag=AJAX:Tools&amp;language=de">weitere...</a></li> </ul> <h4>Beispiele</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.ajaxprojects.com/ajax/tutorialdetails.php?itemid=13">RSS Ticker mit AJAX</a></li> <li><a class="external" href="http://www.jamesdam.com/ajax_login/login.html#login">AJAX Login System mittels XMLHttpRequest</a></li> <li><a class="external" href="http://www.thinkvitamin.com/features/ajax/create-your-own-ajax-effects">Eigene Ajax Effekte erstellen</a></li> <li><a class="external" href="http://codinginparadise.org/weblog/2005/08/ajax-creating-huge-bookmarklets.html">AJAX: Bookmarklets</a></li> <li><a class="external" href="http://www.hotajax.org">Hot Ajax</a></li> </ul> <h4 name="Verwandte_Themen">Verwandte Themen</h4> <dl> <dd><a href="/de/HTML" title="de/HTML">HTML</a>, <a href="/de/XHTML" title="de/XHTML">XHTML</a>, <a href="/de/CSS" title="de/CSS">CSS</a>, <a href="/de/DOM" title="de/DOM">DOM</a>, <a href="/de/JavaScript" title="de/JavaScript">JavaScript</a>, <a href="/de/XML" title="de/XML">XML</a>, <a href="/de/XMLHttpRequest" title="de/XMLHttpRequest">XMLHttpRequest</a>, <a href="/de/XSLT" title="de/XSLT">XSLT</a>, <a href="/de/DHTML" title="de/DHTML">DHTML</a>, <a href="/de/HTML/Canvas" title="de/HTML/Canvas">Canvas</a></dd> </dl> </td> </tr> </tbody>
</table>
<p>{{ languages( { "ca": "ca/AJAX", "cs": "cs/AJAX", "en": "en/AJAX", "es": "es/AJAX", "fr": "fr/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>
Zu dieser Version zurücksetzen