RSS

[Google-Ajax] Google Ajax Libraries API, La gran biblioteca de Librerias Ajax

Mie, May 28, 2008

Ajax, Ajaxman, Google, Javascript, Jquery, Librerias, Mootools, Noticias, Programacion, Recursos

Leyendo el blog de Andrés Nieto veo una nueva iniciativa de Google, se llama:

Google Ajax Libraries API

Que viene siendo una especie de lugar donde se almacenaran librerías Ajax, (como Jquery, Mootools, Prototype, Etc..), y las cuales estarán accesibles a todo el publico.

Las librerias/Frameworks disponibles en este momento son

Las ultimas 4 no son Librerias JS, sin embargo tambien forman parte de este abanico de posibilidades.

Su implementación/uso es simple y de la siguiente forma:

PLAIN TEXT
HTML:
  1. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>

Esto es para cargar Jquery, para cargar alguna de las otras librerías JS, debemos cambiar la ruta del script(SRc) por alguna de las siguientes:

PLAIN TEXT
JAVASCRIPT:
  1. //jQuery
  2. http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js
  3.  
  4. // Prototype
  5. http://ajax.googleapis.com/ajax/libs/prototype/1.6.0.2/prototype.js
  6.  
  7. //Script.aculo.us
  8. http://ajax.googleapis.com/ajax/libs/scriptaculous/1.8.1/scriptaculous.js
  9.  
  10. //MooTools
  11. http://ajax.googleapis.com/ajax/libs/mootools/1.11/mootools-yui-compressed.js
  12.  
  13. //Dojo
  14. http://ajax.googleapis.com/ajax/libs/dojo/1.1.1/dojo/dojo.xd.js

También se pueden agregar dichas librerías usando funciones de la api de Google, para ello, necesitaremos cargar la api de google y llamar lo que deseemos como el siguiente ejemplo

PLAIN TEXT
HTML:
  1. <script src="http://www.google.com/jsapi"></script>
  2.  
  3. <script type="text/javascript"><!--
  4. // Load jQuery
  5. google.load("jquery", "1");
  7. // on page load complete, fire off a jQuery json-p query
  8. // against Google web search
  9. google.setOnLoadCallback(function() {
  10. $.getJSON("http://ajax.googleapis.com/ajax/services/search/web?q=google&;v=1.0&;callback=?",
  12. // on search completion, process the results
  13. function (data) {
  14. if (data.responseDate.results &&
  15. data.responseDate.results.length>0) {
  16. renderResults(data.responseDate.results);
  17. }
  18. });
  19. });
  20. // --></script>

Como pudimos ver la carga se realizo usando la función google.load, la cual funciona de la siguiente forma:

PLAIN TEXT
JAVASCRIPT:
  1. google.load(name, version, opt);

Como podemos observar se utilizan 3 parámetros, los cuales son, el nombre de la librería, la versión de dicha librería, y el ultimo parámetro, que es opcional es para indicar algunas opciones para personalizar mejor la carga de dicha librería, por ejemplo si la deseamos comprimida o no, entre otras opciones mas.

Ejemplo de carga

PLAIN TEXT
JAVASCRIPT:
  1. //con 2 parametros
  2. google.load("jquery", "1.2.3");
  3. google.load("prototype", "1.6");
  4. google.load("scriptaculous", "1.8.1");
  5. google.load("mootools", "1.11");
  6. google.load("dojo", "1.1.1");
  7.  
  8. //con 3 parametros
  9. google.load("mootools", "1.11", {uncompressed:true});

Andrés también comenta que el segundo parámetro tiene la opción de que si no indicas exactamente que versión utilizaras, es decir sin pones por ejemplo usar "scriptaculous con la version 1.8", google automaticamente te mandara ultima versión que haya salido de dicha rama por ejemplo la "1.8.1".

Google ahora esta explotando una parte que la tenia olvidada, que es, la potencialidad y la necesidad de usar librerías ajax, aunque yo preferiría tener alojadas las librerías que uso en mi propio server, yo creo que es una buena iniciativa de Google, aunque también no hay que depender siempre de Google.

Para completar este post pueden leer la fuente | Google Ajax Libraries API, ajax sobre la arquitectura Google

, , , , , , , , ,

This post was written by:

Ajaxman - who has written 571 posts on Ajaxman.


Contact the author

Leave a Reply