Prototype es un framework Javascript cuyo objetivo es hacernos mas simples el desarrollo de aplicaciones web. Quize empezar hablando sobre esto ya que me llamó mucho la atención en cuanto quise comenzar con AJAX. No me decidia aún si hacerlo manejando directamente el objeto XMLHttpRequest o hacerlo a través de un framework como este.
La utilización es realmente simple y muy facil para cualquier persona que quiera empezar. No tiene porque usarse para AJAX únicamente sino que para facilitar el manejo de Javascript en general.
La forma en que se invoca el Script es simple:
-
<script type="text/JavaScript" src="prototype.js"></script>;
-
// Reemplazas por el Path al archivo en el atributo "src".
Una vez hecho esto podemos comenzar a manejarnos con el. Como utilidades que se pueden destacar pueden ser:
-
// Hace referencia a un elemento con el ID "nombre_capa"
-
$("nombre_capa")
Que como podemos ver reemplaza al clásico "document.getElementById()".
No busco entrar en mucho detalle en esto así que trataré de ir al grano, veamos como maneja Prototype al objeto XMLHTTPRequest:
-
function mostrarMensaje() {
-
var url = "url_que_ejecuta_la_accion.php";
-
var pars = "x=1";
-
var Ajax = new Ajax.Updater("id_capa_muestra_msg", url, {method: "GET", parameters: pars} );
-
}
En este simple ejemplo vemos como podemos mostrar un mensaje devuelto por una (por ejemplo) consulta a un server hecha desde un PHP. Como vemos en la primer parte creamos una variable URL a la que le daremos la dirección del archivo que ejecutara la consulta, luego una variable PARS que guardará los parámetros que necesitemos pasarle al archivo PHP, y para terminar instanciamos un objeto AJAX.UPDATER y le pasamos como parámetro: la capa donde queremos mostrar los resultados del server, la url donde se ejecutará la consulta y el tipo de método junto con los parámetros (En notación JSON).
El archivo PHP podría ser de cualquier tipo y lo único que debería es de devolver un mensaje. (utilizando 'echo' por ejemplo)
Como ven es útil, fácil y rápido.
Designed By :
