Aprenda xajax en 10 Minutos
Escrito por: Luebsgrafic en Librerias, PHP, Script, TutorialesUsando xajax en un script PHP
xajax esta diseñado para ser extremadamente facil de implementar tanto en aplicaciones web existentes como en nuevos proyectos.
Puede añadir el poder de xajax a casi cualquier script PHP en siete sencillos pasos:
- Incluya la clase xajax:
require_once(“xajax.inc.php”);
- Cree una instancia del objeto xajax:
$xajax = new xajax();
- Registre los nombres de las funciones PHP que usted quiere llamar atraves de xajax:
$xajax->registerFunction(“myFunction”);
- Escriba las funciones PHP que ha registrado y use el objeto xajaxResponse para que ellas retornen comandos XML
function myFunction($arg){
// Inicializar el objeto xajaxResponse
$objResponse = new xajaxResponse();
$objResponse->addAssign(“ElementId”,“innerHTML”, $newContent);
//return the XML response generated by the xajaxResponse object
return $objResponse;
} - Antes de que su script envíe cualquier salida, deje que xajax se encargue de cualquier peticion
$xajax->processRequests();
- Entre los tags <head></head> dígale a xajax que genere el JavaScript necesario:
<?php $xajax->printJavascript(); ?>
- Llame a la funcion desde un evento JavaScript o una funcion de su aplicacion:
<div id=“SomeElementId”></div><button onclick=“xajax_myFunction(SomeArgument);”>
Eso es todo, xajax se encargará de casi todo lo demás. Su mayor tarea es escribir las funciones PHP y devolver las respuestas XML hechas por xajax para ellas, lo cual se hace extremadamente fácil con la clase. xajaxResponse
¿Cómo actualizo mi contenido asíncronamente?
Quizas , la mas grande y unica funcionalidad de Xajax esta en la clase xajaxResponse. Las otras librerias Ajax requiere que usted escriba vuestra propia funcion de retorno en javascript para tratar las informaciones retornadas por una consulta asyncrona et para actualizar vuestro contenido. Por otro lado Xajax permite de bien controlar todo el contenido que proviene de php. La clase xajaxResponse permite crear instrucciones XML de vuestras funciones hechas en php y que retornan variables en la aplicacion. El XML es analizado por el motor de mensajes de ajax y las instrucciones diran a xajax como actualizar el contenido de vuestra aplicacion. La clase xajaxResponse ofrece actualmente un gran numero de comandos utiles, tales como Asign, que pone el atributo que se ha especificado en un elemento de vuestra pagina; Append, que permite de integrar el atributo especificado al final de un elemento de vuestra pagina; Prepend, que permite de agregar el atributo especificado al comienzo de un elemento de vuestra pagina; Replace, que busca y reemplaza las informaciones del atributo especificado de un elemento de vuestra pagina, Script, qui ejecuta el codigo javascript especificado y Alert que muestra una box de alerta con el mensaje especificado.
Una sola respuesta XML puede contener multiples comandos, que seran ejecutados en el orden que han sido agregados en la respuesta, Por ejemplo, si el utilisador hace un click en un boton de vuestra aplicacion. El evento onclick llama al paquete javascript que llama a la funcion php. Este paquete envia una consulta asyncrona al servidor a traves de la funcion XMLhttpRequest donde xajax llama a la funcion php. Le funcion php hace una busqueda en la base de datos , algunas manipula los datos, o los serializa. Vous utiliseis la clase xajaxResponse para generar una respuesta XML xajax que contiene multiples comandos que seran enviados en respuesta al motor de mensajes xajax encargado de ejecutarlas.
$objResponse = new xajaxResponse();
$objResponse->addAssign(“myInput1″,“value”,$DataFromDatabase);
$objResponse->addAssign(“myInput1″,“style.color”,“red”);
$objResponse->addAppend(“myDiv1″,“innerHTML”,$DataFromDatabase2);
$objResponse->addPrepend(“myDiv2″,“innerHTML”,$DataFromDatabase3);
$objResponse->addReplace(“myDiv3″,“innerHTML”,“xajax”,“<strong>xajax</strong>”);
$objResponse->addScript(“var x = prompt(\”Enter Your Name\”);”);return $objResponse;
El motor de mensajes xajax va a analizar el mensaje xML y ejecutara el mismo.
- El valor del elemento que posee el id myInput1 va a ser asignado a las infomaciones en $DataFrombase.
- El color del texto que posee el id myInput1 va a ser cambiado a rojo.
- Las informaciones en $DataFromDatabase2 van ha ser agregadas al final de innerHtml del elemento con el id myDiv1
- Las informaciones en $DataFromDatabase3 van ha ser agregadas al comienzo de innerHtml del elemento con el id myDiv2
- Todas las coicidencias de “xajax” en el innerHtml del elemento con el id myDiv3 van ha ser remplazados por “xajax”; poniendo todas las coicidencias de la palabra “xajax” en negritas.
- Una caja de dialogo se mostrara pidiendo al utilisador su nombre y apellido y el valor sera guardado en una variable javacript llamada x.
Todo esto sera implementado del lado del servidor en la funcion php para la creacion y el envio a ajax de la respuesta XML.
Escrito por Jesus VelazquezTags: PHP, xajax
Entradas (RSS)