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 / Interaktive Medien (INTMED) / AJAX

AJAX HS14 (70 Cards)

Say thanks
1
Cardlink
0
Wofür steht AJAX?
Asynchronus
Java Script
And
Xml

AJAX ist die Kombination verschiedenster Techniken
bsp. HTML, JavaScript und PHP




2
Cardlink
0
Was passiert wenn JavaScript abläuft?
Läuft JavaScript ab, ist der Browser blockiert.
-> Kann man mit Asynchronus umgehen
3
Cardlink
0
Was hat JavaScript mit Java zu tun?
Nichts, Niente, Niet, Nada!
4
Cardlink
0
Wo liegt der Unterschied zwischen JavaScript OHNE und JavaScript MIT AJAX?
5
Cardlink
0
Serverkommunikation OHNE AJAX vs. MIT AJAX?


6
Cardlink
0
HTML + CSS + JavaScript?

HTML = Hypertext Markup Language
Textbasierte Auszeichnungssprache zur Strukturierung digitaler Dokumente wie Texte mit Hyperlinks, Bildern und anderen Inhalten

CSS = Cascading Style Sheets
CSS ist für das Design von Websites zuständig

JavaScript Skriptsprache, ursprünglich für dynamisches HTML in Webbrowsern entwickelt, um Benutzerinteraktionen auszuwerten, Inhalte zu verändern, nachzuladen oder zu generieren und so die Möglichkeiten von HTML und CSS zu erweitern. Heute findet JavaScript auch außerhalb von Browsern Anwendung, so etwa auf Servern und in Microcontrollern.
7
Cardlink
0
XmlHttpRequest?

XmlHttpRequest (XHR)Programmierschnittstelle für JavaScript zum Übertragen von Daten über das HTTP-Protokoll. XMLHttpRequest bildet einen Grundbaustein der Ajax-Technik.

8
Cardlink
0
XML + JSON?
XML =  Extensible Markup Language = KEINE Sprache!
Auszeichnungssprache zur Darstellung hierarchisch strukturierter Daten in Form von Textdateien. / Möglichkeit in einer einfachen Textdatei Daten zu strukturieren

schlankes Datenaustauschformat, das für Menschen einfach zu lesen und zu schreiben und für Maschinen einfach zu parsen (Analysieren von Datenstrukturen) und zu generieren ist


(gleich wie JSON -> JavaScript Object Notation)
9
Cardlink
0
DOM?

DOM = Document Object Model
ist eine Spezifikation einer Schnittstelle für den Zugriff auf HTML- oder XML-Dokumente.

10
Cardlink
0
ASYNCHRON?
Die Seite muss nicht neu geladen werden sondern es werden Seitenbestandteile neu geladen und dann neu dargestellt
11
Cardlink
0
Vorgehensweise, um AJAX auf Seite zu nutzen?
- HTML vorbereiten
- Seite in JavaScript initialisieren
- ein Request-Objekt erstellen
- die Details vom Server abrufen
- die Details auf der Seite anzeigen
12
Cardlink
0

1. HTML vorbereiten:

Klick auf CD Album, alle Titel werden geladen. Was sagt dieser Code aus? script src
13
Cardlink
0
1. HTML vorbereiten

Klick auf CD Album, alle Titel werden geladen. Was sagt dieser Code aus? table id
14
Cardlink
0
1. HTML vorbereiten

Klick auf CD Album, alle Titel werden geladen. Was sagt dieser Code aus? div id
15
Cardlink
0
1. HTML vorbereiten


Antwort
16
Cardlink
0
2. Seite in JavaScript initialisieren

Was macht window.onload =  initPage();?
In dem Moment, wo die Seite vollständig geladen WORDEN ist, soll die Funktion initPage() aufgerufen werden
17
Cardlink
0
2. Seite in JavaScript initialisieren

Was geschieht bei album list?
18
Cardlink
0
2. Seite in JavaScript initialisieren

Was geschieht bei for?
19
Cardlink
0
2. Seite in JavaScript initialisieren


Antwort
20
Cardlink
0
2. Seite in JavaScript initialisieren


Antwort
21
Cardlink
0
3. Request-Objekt erstellen

Was macht ein Request-Objekt?
Es steuert die Verbindung vom Browser zu einer angeforderten Datei

Bsp.

22
Cardlink
0
4. Details vom Server abrufen

Was macht die getDetails Funktion?


23
Cardlink
0
5. Details auf der Seite anzeigen

Was macht die Funktion displayDetails()
Die Details auf der Seite anzeigen



24
Cardlink
0
Welches sind die verschiedenen Phasen (readyState)?
25
Cardlink
0
Werte des status-Attributs?
26
Cardlink
0
Aufgabe: Erstelle function checkEmail() {..................}
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);
      }
}
27
Cardlink
0
Antwort
28
Cardlink
0
Antwort
29
Cardlink
0
Antwort
30
Cardlink
0
Was ist ein Mashup?
...Und wie kommen die Daten ins Mashup?
Seite wird mit verschiedenen Datenquellen (z.B. Webservices) zusammen neu kombiniert und dargestellt



31
Cardlink
0
Definition Webservices
Unterstützt die Zusammenarbeit zwischen verschiedenen Anwendungsprogrammen auf verschiedenen Plattformen.

Software-Anwendung, welche eindeutig identifizierbar ist.

Direkte Interaktion
32
Cardlink
0
Was ist eine API?
Programmierschnittstelle

application programming interface
Anwendungs|programmier|schnittstelle

...
33
Cardlink
0
Welche Faktoren spielen bei einem Mashup zusammen?

34
Cardlink
0
Was sind 3D-Frameworks für das Web?
hallo.... ;-)
35
Cardlink
0
Mit DOM kann man...
...den Inhalt einer Seite ändern
...den Inhalt einer Seite abfragen
...die Struktur einer Seite ändern

Browser übersetzt HTML in das DOM.
JavaScript kann auf alles im DOM zugreifen.

36
Cardlink
0
DOM für folgenden Code?
37
Cardlink
0
DOM Rezepte?
HTML-Element ansprechen:
- id

- Tag-Name

Achtung: Es werden ALLE Elemente mit diesem Tagnamen angesprochen

Eigenschaften lesen:

Eigenschaften ändern:
38
Cardlink
0
DOM Rezepte? zum 2ten
Knoten erstellen:

Textknoten erstellen:

Knoten anhängen:

Attribut festlegen:
39
Cardlink
0
Lösungen?
1 - C
2 - D
3 - Null
4 - F
5 - D
6 - C
7 - B

40
Cardlink
0
Aufgabe: Erstelle einen DOM-Baum

41
Cardlink
0
Antwort
42
Cardlink
0
Definition Events
Event = Ereignis
dient zur Steuerung des Programmflusses.
Ereignishandlungsroutinen (listener) werden nur ausgeführt, wenn ein bestimmtes Ereignis eintritt (z.B. click, mouseOver)
43
Cardlink
0
Möglichkeiten für Eventverarbeitungen?
in HTML (nicht so gut):

direkt im DOM:

mit EventListener:
44
Cardlink
0
Syntax EventListener
45
Cardlink
0
Vorteil EventListener?
Mehrere EventListener können auf ein und das selbe Objekt angewendet werden

EventListener können wieder entfernt werden:


Das funktioniert direkt im DOM nicht
46
Cardlink
0
Was ist ein Framework?
In Bezug auf Webdesign ist ein responsive Web Framework ein Baukasten mit vorgefertigten, dynamischen Gestaltungselementen.

z.B. Bootstrap
47
Cardlink
0
Was bedeutet "parsen"?
Dateien mit strukturiertem Inhalt (=XML/JSON) lesen, filtern und für die eigenen Bedürfnisse verwenden.
48
Cardlink
0
Unterschied XML / JSON
XML (Extensible Markup Language)
XML stellt Daten hierarchisch strukturiert in Form von Textdateien dar. Wird zum Austausch zwischen Computersystemen eingesetzt.

JSON (JavaScript Object Notation)
JSON ist ein kompaktes Datenformat in einer einfach lesbaren Textform, zwecks Datenaustausch zwischen Anwendungen
49
Cardlink
0
Daten von Webservices abschöpfen und auf eigener Seite verwenden
51
Cardlink
0
Antwort
52
Cardlink
0
Antwort
53
Cardlink
0
Antwort
54
Cardlink
0
Antwort
55
Cardlink
0
Antwort
56
Cardlink
0
Was ist jQuery?
57
Cardlink
0

Antwort
58
Cardlink
0
Antwort
59
Cardlink
0
Antwort
60
Cardlink
0
Antwort
61
Cardlink
0
Antwort
62
Cardlink
0
Antwort
63
Cardlink
0
Antwort
64
Cardlink
0
Antwort
65
Cardlink
0
Antwort
66
Cardlink
0
Antwort
67
Cardlink
0
Antwort
68
Cardlink
0
Antwort
69
Cardlink
0
Antwort
70
Cardlink
0

Antwort
Flashcard set info:
Author: Karin Zeller
Main topic: Interaktive Medien (INTMED)
Topic: AJAX
School / Univ.: HTW Chur
City: Chur
Published: 21.01.2015
 
Card tags:
All cards (70)
no tags
Report abuse

Cancel
Email

Password

Login    

Forgot password?
Deutsch  English