Ajax-Libraries von Google laden!
Wenn man kein CDN (Content Delivery Network) zur Hand hat um Inhalte effizient auszuliefern, dann kann einem zumindest bei den bekanntesten Ajax-Bibliotheken geholfen werden: Man benutzt einfach das Google-Cluster! Ausfallsicherheit sollte da gesichert sein. Google bietet dafür mit der Ajax Libraries API eine einfache Möglichkeit. Schauen wir uns direkt ein Beispiel an:
<html> <head> <script src="http://www.google.com/jsapi"></script> <script type="text/javascript"> // prototype von google laden google.load('prototype', '1.6'); // callback wenn fertig geladen google.setOnLoadCallback(function() { alert($('hello').innerHTML); }); </script> </head> <body> <div id="hello">Hello World!</div> </body> </html>
Das Beispiel ist schnell erklärt: Mit google.load() laden wir die gewünschte Bibliothek in der gewünschten Version von Google (Hier: Prototype 1.6.*). Weil wir aber keine Ahnung haben wann der Browser damit fertig ist, können wir nicht sofort Prototype-Funktionen benutzen, denn das könnte schief gehen, falls der Ladevorgang noch nicht fertig ist. Aber google.setOnLoadCallback() können wir eine Funktion übergeben, die aufgerufen wird sobald der Ladevorgang fertig ist. Im Beispiel wird der Inhalt des divs mit der ID “hello” ausgelesen (mit $, eine Prototype-Funktion!) und mit alert() ausgegeben. Simpel, klein und funktioniert.
Und das Beste: Prototype ist nicht die einzige Bibliothek mit der das geht! Unterstützt werden zur Zeit: jQuery, jQuery UI, prototype, script.aculo.us, MooTools und dojo!
Genaueres zu dem Thema findet sich in der Dokumentation bei Google:
