IceBeat

Por fin tengo mi propia clase AJAX , siempre he usado XHconn que me parece perfecta, fácil de implementar y de usar.
Partiendo de varios conceptos he creado una clase que se adapta a mis necesidades, enviar parámetros, recoger el refer, disparar una función y actualizar en una capa.

La clase es fácil de usar, solo tienes que rellenar los argumentos.

Existen dos métodos, ajax.get y ajax.post:

ajax.get(url,parametros,función);

El primer argumento es el que mas destaca, la única novedad que tiene es que puedes concatenar la respuesta o añadirla delante.Se usa de una forma sencilla y es definiendo el ancla.

 ajax.get('ajax.php#update');

En esto ejemplo la respuesta obtenida en ajax.php se cargaría en la capa con id update.

 ajax.get('ajax.php#^update');

Igual que el anterior pero añadida delante

ajax.get('ajax.php#+update');

En este caso la respuesta estaria concatenada con el html del contenedor.

El segundo argumento (opcional) es pasado como un objeto e indicamos los valores a pasar. Esto se hace de esta forma porque resulta muy comodo, mucho mejor que escapar manualmente los caracteres.

ajax.get('ajax.php#update',{id:125,action:"ajax"});

El tercer argumento (opcional) es para indicar una función y dispararla al obtener la respuesta de la pagina.

ajax.get('ajax.php#updare',{id:125,action:"ajax"}, function(oRequest) { alert(oRequest.responseText); } );

El modo de uso no es complicado, solo tienes que añadir al onclick del enlace un return ajax.get();, la función retorna false y el link del href no se efectúa.

<a href="update.php" onclick="ajax.get('ajax.php#update');">Enlace</a>
<div id="update"></div>

Descargar la clase AJAX.