Sigueme por RSS! RSS

XAJAX [AJAX+PHP]


Hacer uso de AJAX para un proyecto Web puede ser bastante complicado, hay que estar mezclando diferentes tecnologías en diferente partes del código. Es evidente que a la larga se hace más difícil el trabajo y el mantenimiento interno del sistema, aún más, si estás empezando con AJAX.

XAJAX es un sistema mediante el cual podemos programar aplicaciones Web con PHP que hacen uso de AJAX para procesar solicitudes al servidor sin necesidad de recargar la página.

En otras palabras, XAJAX es un conjunto de clases que permite ejecutar AJAX de una manera sencilla o simplificada.


A continuación un corto ejemplo de su uso:

<?php
// Lo primero es incluir la clase XAJAX
require_once("xajax/xajax_core/xajax.inc.php");

// Creamos una instancia de la clase XAJAX
$xajax = new xajax();

// Creamos las funciones que vamos a asociar al objeto
function NombreFuncion($parametro)
{ 
// aca ejecutamos el proceso que necesitemos, luego mostramos o actualizamos...
// para el ejemplo solo mostraremos el valor recibido por parametro en un div y un alert.

   // creamos la instancia al objeto xajax
   $objResponse = new xajaxResponse();

   // mostrando el valor en un div, puede usarse
   // cualquier elemento HTML definido, usando el id
   $objResponse->assign("IdDiv","innerHTML", $parametro);

   // mostramos el valor en un alert 
   $objResponse -> alert($parametro);

   // retornamos el objeto
   return $objResponse;
}

// asociamos las funciones creadas anteriormente al objeto xajax
$xajax -> registerFunction('NombreFuncion');

// Le indicamos al objeto xajax que procese la peticion / el pedido
$xajax -> processRequest();
?>

<html>
   <head>
   <?php
      // Incluir el javascript generado por xajax
      $xajax -> printJavascript("xajax/");
   ?>
   </head>
   <body>

      <!-- podemos llamar a la funcion registrada desde cualquier evento -->
      <a href="#"  onclick="xajax_NombreFuncion('esto es una cadena')";>Clikeame</a>

      <hr/>

      <div Id="IdDiv"></div>
   </body>
</html>

- Puedes encontrar la clase y ejemplos en la Web oficial:
http://www.xajax-project.org

0 comentarios: Suscribete a los comentarios por RSS

Publicar un comentario

- Los comentarios están siendo moderados y serán publicados en la brevedad posible.