Ajax Tutorial

Inhaltsübersicht Ajax Tutorial

Herzlich Willkommen zu unserem AJAX Tutorial. Dieses Tutorial bietet dir die Möglichkeit das Prinzip von Asynchronen Requests zu verstehen.

Zur praktischen Arbeit in Projekten empfehle ich jedoch ein Framework zu verwenden. Es gibt eine Vielzahl von Frameworks, wie jQuery, Prototype oder ExtJS die alle ein anderes Ziel verfolgen. Bevor du also ein größeres Projekt umsetzt schaue dir diese aufjedenfall an.

  • Einführung in Ajax
    • Was ist Ajax
    • Hello World - Hello Ajax: Ein einfaches Ajax Beispiel
    • Der Aufbau des ersten Ajax Programms
  • Ajax Hello World im Detail
    • Erzeugen des Ajax Request Objekts
    • Auslösen eines asyncronen Requests
    • Definition einer Callback Funktion
    • HTTP Header und Daten senden
    • Der HTML Inhalt
  • POST und GET Requests
    • Verschiedene Arten von Requests
  • XML und DOM am Beispiel
    • XML und DOM ein Beispiel mit GET
    • Beispiel: Ajax Währungsrechner
    • Beispiel: Server, Zugriff auf Babelfish via Soap
    • Beispiel: Server, PHP basierter Zugriff auf Währungs Webservice
    • Beispiel: Die in XML codierte Umrechnung als Antwort
  • Analyse des XML Beispiels
    • Analyse des Beispiels
    • Verarbeitung der Antwort mittels DOM in handleTranslation
    • Übermittlung via GET
    • Übermittlung via GET
    • Muss ich XML benutzen?
  • JSON statt XML
    • Was ist JSON?
    • Verarbeitung der Ajax Antwort mittels JSON / Eval
    • Implementierung des Servers mit der Nutzung von PEAR JSON
    • Der codierte JSON String
  • Analyse des JSON Beispiels
    • Codierung des Arrays in einen JSON String am Server
    • Auswertung des JSON Antwort Strings
    • Weitere Möglichkeiten der PEAR JSON implementierung
  • Clientseitige Ajax Frameworks
    • Wozu clientseitige Ajax Frameworks ?
    • Das Prototype JavaScript Framework
    • JSON Unterstützung in Prototype
    • Mit Prototype DOM Elemente manipulieren
    • Observer
  • Das Beispiel auf Prototype portiert
    • Das Ajax Beispiel portiert auf Prototype
    • Aufbau des HTML Formulars
    • Die eigene JavaScript implementierung in /js/my.js
    • Ajax Server mit X-JSON Header
  • Ajax Tools - Debugging und Development
    • Ajax Debugging und Development Tools
    • Firebug das Firfox Debugging Tool
    • Firebug starten

Navigation