CoboCards App FAQ & Wishes Feedback
Language: English Language
Sign up for free  Login

Get these flashcards, study & pass exams. For free! Even on iPhone/Android!

Enter your e-mail address and import flashcard set for free.  
Go!
All main topics / Ajax / Interessengruppen

INTME 5 | AJAX (30 Cards)

Say thanks
1
Cardlink
0
Was bedeutet AJAX?
Asynchronous JavaScript and XML
2
Cardlink
0
AJAX ist asynchron weil:
Dank JavaScript können Daten ohne Reload aktualisiert werden und während des Reloads bleibt die Seite voll funktionsfähig.
3
Cardlink
0
ZUSAMMENHÄNGE
Was macht HTML?
Hypertext Markup Language

HTML strukturiert Inhalte
4
Cardlink
0
ZUSAMMENHÄNGE
Was macht CSS?
Cascading Style Sheets

CSS formatiert Inhalte
5
Cardlink
0
ZUSAMMENHÄNGE
Was macht JavaScript?
Javascript sorgt für die Kommunikation zwischen Website, Browser und dem Server.
6
Cardlink
0
ZUSAMMENHÄNGE
Was macht DOM?
DOM ist die Sprache zwischen HTML und Javascript
7
Cardlink
0
ZUSAMMENHÄNGE
Was macht PHP?
Hypertext Preprocessor

PHP stellt die Daten auf dem Server bereit.
8
Cardlink
0
readyState == 0
Request nicht inizialisiert
9
Cardlink
0
readyState == 1
Serververbindung aufgebaut
10
Cardlink
0
readyState == 2
Request erhalten
11
Cardlink
0
readyState == 3
Serveranfrage wird abgearbeitet
12
Cardlink
0
readyState == 4
Request abgeschlossen und bereit zur Übertragung
13
Cardlink
0
state == 200
Seite geladen
14
Cardlink
0
state == 404
Seite nicht gefunden
15
Cardlink
0
Was ist ein Mashup?
Eine Webseite, die mehrere Datenquellen zusammen kombiniert. Daten können zusammen dargestellt werden.
16
Cardlink
0
Was ist ein API?
Application Programming Interface

Eine Programmierschnittstelle, die einem von den Webservices zur Verfügung gestellt wird.
17
Cardlink
0
Welche Faktoren müssen beim Bauen eines Mashups beachtet werden?
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
18
Cardlink
0
Wozu dient das DOM?
DOM = Document Object Model

Damit kann der Inhalt einer Seite geändert oder abgefragt, sowie die Struktur der Seite geändert werden.
19
Cardlink
0
DOM: KNOTENTYPEN
Document
Ein Dokumentknoten stellt die gesamte Baumstruktur dar.
20
Cardlink
0
DOM: KNOTENTYPEN
DocumentFragment
Ein Dokumentfragmentknoten stellt einen Teil der Baumstruktur dar.
21
Cardlink
0
DOM: KNOTENTYPEN
Element
Ein Elementknoten entspricht exakt einem Element in HTML oder XML.
22
Cardlink
0
DOM: KNOTENTYPEN
Attr
Ein Attributknoten entspricht exakt einem Attribut in HTML oder XML.
23
Cardlink
0
DOM: KNOTENTYPEN
Text
Ein Textknoten stellt den textuellen Inhalt eines Elements dar.
24
Cardlink
0
Was ist der Unterschied zwischen XML und JSON?
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.
25
Cardlink
0
XML/JSON: Was bedeutet parsen?
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.


26
Cardlink
0
jQuery: Was ist das?
jQuery ist eine freie JavaScript-Bibliothek, die Funktionen zur DOM-Navigation und -Manipulation zur Verfügung stellt.
27
Cardlink
0
wie lautet die Check-Email Funktion?
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);
      }
}
28
Cardlink
0
GET vs. POST
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.
29
Cardlink
0
Vor- und Nachteile GET und POST
  • Bei GET sieht der User, welche Daten übergeben werden (kann man als Vorteil oder als Nachteil sehen)
  • Bei GET ist die Länge begrenzt, bei POST nicht
  • Die Ergebnisseite eines GET-Formulars kann man bookmarken, da alle nötigen Informationen in der URL enthalten sind
  • Die Ergebnisseite eines POST-Formulars kann man weder bookmarken noch im Browser aktualisieren, da die Daten nicht mehr zur Verfügung stehen
  • File-Upload ist nur mit POST möglich
30
Cardlink
0
sauberer Code ist wichtig - Warum?
  • Anwendung schneller
  • Anwendung flexibler
  • leichter lesbar
  • Anwendung leichter zu pflegen
  • kostet weniger
  • wiederverwendbar
  • schön
Flashcard set info:
Author: Leoni
Main topic: Ajax
Topic: Interessengruppen
School / Univ.: HTW
City: Chur
Published: 19.01.2015
Tags: W. Bock
 
Card tags:
All cards (30)
no tags
Report abuse

Cancel
Email

Password

Login    

Forgot password?
Deutsch  English