Tendré que hacer una comparación para ver cual framework es la que trabaja mejor, y es que viendo bien a Mootools me he quedado encantado.
Tal vez siga usando Jquery por que realmente me gusta la forma en la que uno la puede usar digamos en pocas palabras es simple, pero la única pega que a veces tenemos es el peso, y recordemos que el peso tiene que ver con la experiencia del usuario, y a veces unos cuantos Kbs de Javascript, puede transformase en alejarse de nuestro sitio web/Blog.
Ahora bien veamos como usarla para poder hacer peticiones XMLHttpRequest osea Ajax.
Como primer paso necesitaremos Descargarnos Mootools de Aquí:
Ahí hay que elegir los componentes que deseamos bajar, ya que esta librería esta como segmentada.
Debemos elegir solamente Ajax, ya que una vez eligiendo este componente, Mootools carga sus dependencias de componentes automaticamente.
Una vez que hemos bajado el Framewokr vamos a proceder a usarlo “en caliente” o sea sin tanta explicación y saben por que, bueno pues por que su uso es muy fácil, en cuanto tenga un poco mas de tiempo explicare mejor como funciona el core de esta libreria
Primero incluiremos la Librería Mootools
<script type="text/javascript" src="mootools-release-1.11.js"></script>
Posteriormente necesitaremos nuestro código html
<h3>Ejemplo Ajax</h3> <p><a id="peticion" href="#">Click Aqui</a> para procesar la peticion ajax</p> <div id="resultado"> <p>Esperando respuesta.......</p> </div>
El funcionamiento de este ejemplo es el siguiente, al darle click a el elemento con el ID “peticion”, nos hará una petición ajax y el resultado de este proceso lo mostrara en la capa(div) identificada con el id “resultado”
Como ya tenemos el HTML que usaremos ahora nos falta el Javascript, que actuara en conjunto con Mootools
$('peticion').addEvent('click', function(e) {
e = new Event(e).stop();
var url = "pagina2.php";
/**
* la url en cuestion
*/
/*
* nuevo objeto ajax
*/
new Ajax(url, {
method: 'get',
// metodo ajax get o post
update: $('resultado')
// donde se va a insertar el resultado
}).request();
});
Y listo
Creo que no hay mucho mas que explicar, de todos modos si tiene dudas ya saben por algo están los comentarios.
Prometo mas manuales/ayudas sobre el Framework Mootools, que seguro sera de gran ayuda en nuestros desarrollos.
Con información | Mootools Ajax
Related posts:
- [Mootools] MooTools Swiff, interactuando swf, ajax y Mootools En el blog de Mootools, comentan la nueva version beta...
- [Google-Ajax] Google Ajax Libraries API, La gran biblioteca de Librerias Ajax Leyendo el blog de Andrés Nieto veo una nueva iniciativa...
- :: Chat :: con Ajax y Mootools En anieto2k me encontre este escelente tutorial, para poder crear...
- [Ajax-Php] mooHP: Mootools y Php Buscando un script que me facilitara poner unas tabs para...
- [Ajax] TimeFrame: Rango de fechas usando prototype Recuerdan que este blog se llama Ajaxman,por la gran admiración...
Related posts brought to you by Yet Another Related Posts Plugin.
One Response
vos, muy buen blog, tengo una pregunta, si quiero utilizar un form post en el action que le coloco *nada o la direccion del archivo php que procesa;
otra funciona igual en la version 1.2