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í:
http://mootools.net/download
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
comentarios recientes