Wie ich vor einer Weile berichtete, kann man mit JSON eine Menge anstellen. Was mich immer ein wenig geärgert hat, wenn wir JSON und YUI gemeinsam eingesetzt haben, dass es keine integrierte Lösung gab. Man mußte immer die YUI API laden und zusätzlich die json.js. Dies ist nun seit der Version 2.5.0 vorbei, denn YUI integriert die JSON API in deren eigenen Code und stellt einen Wrapper zur Verfügung.
Mit folgenden Code-Schnipseln kann man einen JSON-String in ein Array umwandeln:
1
2
3
4
5
6
7
8
| try
{
var prod = YAHOO.lang.JSON.parse(jsonString);
}
catch (e)
{
alert("Invalid product data");
} |
Ebenfalls ist es möglich aus einem Array einen JSON String umzuwandeln. Das Beispiel findet sich im JSON Manual der YUI Seite. Wer YUI und JSON gemeinsam verwendet, kann sich nun getrost zurücklehnen und alles aus einem Guß verwenden 
.
written by Alexander
\\ tags: active-x, ajax, Javascript, json, PHP, soap, yahoo, yui
Wie heute bei Golem zu lesen war, wurde heute die neue Version der YAHOO User Interface Library (YUI) veröffentlicht. Die mitlerweile sehr gewachsene Komponentensammlung unterstützt nun auch endlich einen Multiuploader, mit dem man mehrere Dateien in einem Prozess hochladen kann. Dies geschieht mit einer ähnlichen Technik wie bei SWF Upload.
Wer viel und komplex mit Javascript entwickeln muss findet mit YUI eine gute Sammlung an Komponenten, die das Leben doch schon sehr erleichtern und viel Arbeit abnehmen. Eine komplexe Anwendung als Beispiel der Praxistauglichkeit von YUI kann man hier bewundern. Besonders herrauszuheben sind die Connection-, Dom- und Event-Komponente, mit der sich in wenigen Schritten eigene Ajax-Anwendungen stricken lassen.
Einziges Manko bei YUI ist für mich die doch sehr komplexe Code-Struktur, die ziemlich große Javascript-Files zur Folge hat. Allerdings “erkauft” man sich damit eine hohes Maß an Flexibilität bei der Entwicklung von Javascript-Applikationen.
written by Alexander
\\ tags: ajax, dom, golem, Internet, Javascript, yui
Heute möchte ich ein interessantes Framework vorstellen, welches die Entwicklung mit JavaScript extrem vereinfacht und dem Entwickler (größtenteils Cross-Browser) viele Dinge vereinfacht. Hierbei handelt es sich um Prototype. Entstanden ist es ursprünglich aus dem Framework Ruby on Rails.
Als Beispiel nehmen wir ein Formular, welches eine Anfrage via AJAX an den Server schickt und die Antwort des Servers wieder in das Script zurückholt. Hierzu verwenden wir die eingebettete JSON-Funktionalität. Hierbei sei zu beachten, dass Prototype auf einem JSON-Objekt auch nur mit eval() operiert. Hier besteht also bei Produktivanwendungen noch Prüfungsbedarf. Mit Prototype kann man auf jeden Fall vor der Ausgabe Script-, HTML-Tags etc. entfernen lassen, wenn man das möchte. Das schützt allerdings nicht vor dem Angriff durch JavaScript, welches sich in der Response des Servers befindet und direkt ausgeführt werden könnte. Continue reading »
written by Alexander
\\ tags: ajax, Javascript, prototype, web 2.0
Web 2.0 ist in aller Munde und dabei fällt auch meist im nächsten Satz das Wort AJAX. AJAX steht für Asynchronous JavaScript and XML. Bei dieser Technologie wird mittels eines HTTP-Requests per Active-X oder Javascript eine Seite oder ein Script aufgerufen und dessen Daten übertragen, ohne dass die Seite neu geladen werden muss. Mit AJAX kann man also eine Webanwendung stricken, die das Look an Feel einer Desktopanwendung hat. So kann man zum Beispiel eine Tabelle mit Daten dynamisch nach einer Spalte sortieren, ohne die Seite neu zu laden. Continue reading »
written by Alexander
\\ tags: active-x, ajax, Javascript, json, PHP, soap
Kommentare