ajax-basics uebung02

[dscharf]

Hi,

kannst du über unsere zweite Übung gucken ob das vom Schwierigkeitsgrad her angemessen ist oder ob wir da noch etwas ändern sollten.

Vielen Dank im Vorraus

[jerolimov]

Hi @dscharf,

find ich von der Aufgabe her schon sehr nett. Ich denke man könnte auf die Funktion formatResponseDataToJSON verzichten. Denke dann konzentriert sich das ganze etwas mehr auf den AJAX Part oder?

Bei der Flickr API kannst du z.B. zwischen JSON und JSONP über den Parameter &jsoncallback= bzw. &nojsoncallback=1 wechseln. Wenn du letzteres verwendest reicht ein einfaches var json = JSON.parse(ajaxObject.responseText). Kennst du den Unterschied in dem was der Server da antwortet?

Könnt ihr den Unterschied noch in der Präsentation erklären? Geht ihr auf das Sandbox und CORS Problem ein?

Vlt. kann man den Suchbegriff noch aus einem Textfeld holen? Macht's etwas "anfassbar".

Ansonsten gut! Habt ihr auch noch eine erste Übung? Reicht das für 40 Minuten???

Viele Grüße, Christoph

[jerolimov]

Denkt bitte dadran wie Unterschiedlich schnell die Leute solche Aufgaben lösen (können). (In beide Richtungen denken..)

Vlt. lässt sich der Schwierigkeitsgrad auch über sowas wie "wer mag kann das Paging verändern" etwas flexibler gestalten?

[dscharf]

Bei der Flickr API kannst du z.B. zwischen JSON und JSONP über den Parameter &jsoncallback= bzw. &nojsoncallback=1 wechseln. Wenn du letzteres verwendest reicht ein einfaches var json = JSON.parse(ajaxObject.responseText).

Danke so war das eigentlich angedacht.

Bei jsoncallback hätte ich in diesem Fall soweit ich das richtig verstanden habe die formatResponseDataToJSON funktion einfach übergeben können und dann nur noch var json = ajaxObject.responseText; schreiben müssen.

Wir wollten in der Präsentation auf die same origin policy sowie das JSON Format noch eingehen da jquery ja jetzt wegfällt.

Vlt. kann man den Suchbegriff noch aus einem Textfeld holen? Macht's etwas "anfassbar".

Hatten wir auch schon als Bonus-Aufgabe überlegt und dann die erste Aufgabe entweder zu JSON oder ein einfacheres AJAX Beispiel wo die Responseverarbeitung sich dann nur auf Text beschränken würde.

[jerolimov]

JSONP: Fast. Bei dem JSONP-callback gibt man einen Funktionsnamen mit an. Diese Funktion muss bereits vorher definiert sein und wird dann aufgerufen. Im Prinzip funktioniert das dann "ohne AJAX". Normalerweise wird das dann über das dynamische Einfügen von Script-Tags gemacht:

<script type="text/javascript">
    function meinCallback(json) {
        alert(json); // KEIN JSON.parse mehr nötig
    }
</script>
<script type="text/javascript" src="http://api.flickr.com/....&jsoncallback=meinCallback">
</script>

Wenn du dir http://api.flickr.com/....&jsoncallback=meinCallback anschaust siehst du, dass es sich dabei um eine normale JavaScript Datei handelt die eigentlich nur die angegebene Funktion aufruft.

Same Origin Policy und CORS: Gut das ihr das habt, auf jedenfall reinnehmen. Wieviel hängt davon ab wieviel ihr in 20 Minuten gut vermittelt bekommt.

Mindestens erklären woher das Problem kommt und evtl. welchen Einfluss dabei die CORS-Header haben? Bin gespannt auf die Folien. :+1:

Wegen Übungen: Ein einfaches Beispiel macht auch Sinn. Es könnte immer noch etwas wenig sein, oder? Habt ihr das mal durchgespielt? Eine Bonus/Zusatzaufgabe macht denke ich Sinn.

[jerolimov]

Hallo,

ich bin morgen (30.10.) Mittag in der FH. Falls ihr euch noch Fragen habt könnt ihr mir gerne schreiben und wir treffen uns kurz!?

Ansonsten schließ ich dieses Issue erstmal. Mach' es gerne wieder auf wenn noch was ist!

Viele Grüße, Christoph