¿Qué es xajax?Xajax es una biblioteca de código abierto para PHP que permite crear de manera fácil y simple aplicaciones Web basadas en AJAX usando además HTML, CSS, y Javascript. Las aplicaciones desarrolladas con Xajax pueden comunicarse asincronicamente con funciones que se encuentran del lado del servidor y así actualizar el contenido de una página sin tener que recargarla nuevamente.
DescargaPara ver los enlaces debes ser usuario
Crear Usuario o
Hacer Sesion¿Como funciona?-Paso 1: Incluir la biblioteca Xajax
Como primer paso debemos incluir la biblioteca Xajax de la siguiente manera:
<?php require_once("xajax/xajax.inc.php"); ?>
-Paso 2: Creamos una instancia del objeto Xajax
<?php $xajax = new xajax(); ?>
-Paso 3: Registramos las funciones PHP que queremos hacer accesibles desde JavaScript
<?php $xajax->registerFunction("myFunction"); ?>
-Paso 4: Escribimos las funciones PHP que vamos a registrar, no hay que olvidarse de que debemos devolver el XML
<?php function myFunction($arg)
{
// coge la variable $arg y haz alguna cosa con ella como realizar
// una consulta a una base de datos y pone el resultado dentro de otra
// variable, como $newContent
// Haz una instancia del objeto xajaxResponse
$objResponse = new xajaxResponse();
// añade un comando a la respuesta para asignar al atributo innerHTML
// del elemento con id="SomeElementId" para que cambie su contenido a $newContent
$objResponse->addAssign("SomeElementId","innerHTML", $newContent);
//retorna la respuesta XML generada por el objeto xajaxResponse
return $objResponse->getXML();
} ?>
-Paso 5: Le indicamos a Xajax que procese las peticiones:
<?php $xajax->processRequest(); ?>
-Paso 6: Debemos incluir el script Javascript entre las cabeceras HEAD de nuestro código HTML
<?php $xajax->printJavascript(); ?>
-Paso 7: Llamamos a la función desde un evento cualquiera
<input type="button" onclick="xajax_myFunction(SomeArgument);" />
-Resultado finalTendremos dos archivos, nuestro index y el php donde están todas las funciones:
funciones.php<?php
require_once("xajax/xajax.inc.php");
$xajax = new xajax();
function saludar(){
$saludo = "<b>Hola!</b>";
$respuesta->addAssign("contenido","innerHTML",$saludo);
return $respuesta;
}
function suma($form){
$op1 = $form["op1"];
$op2 = $form["op2"];
$result = $op1 + $op2;
$respuesta = new xajaxResponse();
$respuesta->addAssign("contenido","innerHTML",$result);
return $respuesta;
}
$xajax->registerFunction("saludar");
$xajax->registerFunction("suma");
?>
index.php<?php require("funciones.php"); ?><!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<?php $xajax->printJavascript("xajax/"); ?></head>
<body>
<input type="button" value="Saludar" onclick="xajax_saludar();" /><br /><br />
<form id="form_sumar">
<input type="text" name="op1" /><br />
<input type="text" name="op2" /><br />
<input type="button" value="Sumar" onclick="xajax_suma('xajax.getFormValues(\'form_sumar\')');" />
</form><br /><br />
<div id="contenido"> </div>
</body>
</html>
Más info:
Para ver los enlaces debes ser usuario
Crear Usuario o
Hacer SesionBueno espero que os haya gustado, una parte es de wiki y otra es mia.
Para ver los enlaces debes ser usuario
Crear Usuario o
Hacer Sesionfuente: http://foro.code-makers.es/index.php/topic,239.0.html
Saludos!
Autor