Hol' Dir diese Lernkarten, lerne & bestehe Prüfungen. Kostenlos! Auch auf iPhone/Android!

Asynchronous JavaScript and XML

Dank JavaScript können Daten ohne Reload aktualisiert werden und während des Reloads bleibt die Seite voll funktionsfähig.

Hypertext Markup Language

HTML strukturiert Inhalte

Cascading Style Sheets

CSS formatiert Inhalte

Javascript sorgt für die Kommunikation zwischen Website, Browser und dem Server.

DOM ist die Sprache zwischen HTML und Javascript

Hypertext Preprocessor

PHP stellt die Daten auf dem Server bereit.

Request nicht inizialisiert

Serververbindung aufgebaut

Request erhalten

Serveranfrage wird abgearbeitet

Request abgeschlossen und bereit zur Übertragung

Seite geladen

Seite nicht gefunden

Eine Webseite, die mehrere Datenquellen zusammen kombiniert. Daten können zusammen dargestellt werden.

Application Programming Interface

Eine Programmierschnittstelle, die einem von den Webservices zur Verfügung gestellt wird.

Was? Wann? Wo?

Was: Daten
Woher kommen die Daten?
Wie können wir Daten lesen?
(XML/JSON --> Daten parsen)

Wann: Events
Wann verändert sich das Dokument?

Wo: DOM
Inhalt der Seite verändern.
Sturktur einer Seite verändern

DOM = Document Object Model

Damit kann der Inhalt einer Seite geändert oder abgefragt, sowie die Struktur der Seite geändert werden.

Ein Dokumentknoten stellt die gesamte Baumstruktur dar.

Ein Dokumentfragmentknoten stellt einen Teil der Baumstruktur dar.

Ein Elementknoten entspricht exakt einem Element in HTML oder XML.

Ein Attributknoten entspricht exakt einem Attribut in HTML oder XML.

Ein Textknoten stellt den textuellen Inhalt eines Elements dar.

XML
XML stellt Daten hierarchisch strukturiert in Form von Textdateien dar. Wird zum Austausch zwischen Computersystemen eingesetzt.

JSON
JSON ist ein kompaktes Datenformat in einer einfach lesbaren Textform, zwecks Datenaustausch zwischen Anwendungen.

Dateien mit strukturiertem Inhalt (=XML/JSON) lesen, filtern und für die eigenen Bedürfnisse verwenden.

Beispiel XML:
Ein XML-Parser konvertiert ein XML Dokument in ein XML DOM Objekt, welches dann mittel JavaScript manipuliert werden kann.

jQuery ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt.

function checkEmail ( ) {

      request = createRequest ( ) ;
      if (request == null)
         alert("unable to create request");
      else {
         var email = document.getElementById("email").value;
         var val = escape(email);
         var url = "php/validate.php?tape=email&val=" + val +
         "&label=email";

         request.open("GET", url, true);
         request.onreadystatechange = updateEmailStatus;
         request.send(null);
      }
}

GET
Wenn wir ein Formular mit “get” verschicken, wird in der URL-Zeile des Browsers die Variable + ihren Wert angezeigt.

POST
Bei POST werden die gleichen Daten im Request-Body übertragen.