Вы находитесь на странице: 1из 5

Hola, hoy decid entrar a aprender ms sobre AJAX, que me resulta muy atractivo para un sitio web.

Lo que quiero hacer es que una tabla donde tengo una consulta y!"L para mostrar los #ltimos posts de mi $oro se actualice automticamente cada % segundo, as permitiendo ver los #ltimos posts en tiempo real. estoy usando el siguiente c&digo que saqu' de internet, pero al ponerlo no me muestra nada, mientras que cuando uso el c&digo (H( con la consulta directamente, todo va de maravilla. )&nde quiero que los datos sean insertados tengo lo siguiente*
Cdigo PHP:

<script type="text/javascript"> function createRequestObject() { var req; if(win ow!"#$%ttpRequest){ // &irefox' (afari' Opera!!! req = new "#$%ttpRequest(); ) e*se if(win ow!+ctive"Object) { // ,nternet -xp*orer ./ req = new +ctive"Object("#icrosoft!"#$%001"); ) e*se { // 02ere is an error creatin3 t2e object' // just as an o* browser is bein3 use ! a*ert(402ere was a prob*e5 creatin3 t2e "#$%ttpRequest obj ect4); ) return req; ) // #a6e t2e "#$%ttpRequest object var 2ttp = createRequestObject(); function sen Request(act) { // Open 1%1 script for requests 2ttp!open(43et4' 4ajax!p2p7act=4/act); 2ttp!onrea ystatec2an3e = 2an *eResponse; 2ttp!sen (nu**); ) function 2an *eResponse() { if(2ttp!rea y(tate == 8 99 2ttp!status == :;;){ // 0ext returne &RO# 1%1 script var response = 2ttp!response0ext; if(response) { // <1=+0- ajax0est content ocu5ent!3et-*e5ent>y, ("count1osts")!inner%0#$ = resp ) ) ) set0i5eout(count1osts'?;;;);

onse;

function count1osts() { sen Request(4count1osts4); ) </script> el archivo a+a,.php tiene lo siguiente*


Cdigo PHP:

<7p2p if (@AB-0C4act4D == "count1osts") { aqu9E:FG; *a consu*ta (H$ en p2p y to o!!! este co i3o so*o funcio na bien' asi que no 2ay necesi a e poner*o aquI!! ) 7>

/*CASO 2*/
-o uso el webcam que viene con ,awtv . http*//linu,.bytese,.org/,awtv/ 0
Cdigo:

@ cat /etc/webca5!conf CftpD 2ost = *oca*2ost user = nobo y pass = xxxxxx ir = /2o5e/nive*G/www/webca5 fi*e = webca5!jp3 t5p = i5a3eup!jp3 *oca* = ? C3rabD evice = / ev/vi eo; wi t2 = F.: 2ei32t = :JJ e*ay = ?; input = ca5era qua*ity = ?;; Lo que hace es escribir un +pg cada 1 segundos en un directorio de apache protegido con htpasswd, me hice una pgina de autore$resh en php*
Cdigo:

@ cat webca5/in ex!p2p <7 @interva*=@AB-0C4interva*4D; if (e5pty(@interva*)) { @interva*=?;; ) 7> <2t5*> <2ea > <#-0+ %001K-H<,L="1ra35a" MON0-N0="noKcac2e"> <#-0+ %001K-H<,L=R-&R-(% MON0-N0="<7=@interva*7>"> </2ea > <bo y> <center>

OebMa5 <br> <i53 src="webca5!jp3"> <p> <for5> <font siPe=?> (e refresca ca a <input siPe=? na5e=interva* va*ue=<7=@interva*7 >></input> se3un os </font> </for5> </p> <font siPe=?> <a 2ref="jtv/jtv!2t5*">Q0L</a> </font> </center> </bo y> </2t5*>

/*CASO 3*/

Actualizar el contenido en tiempo real con AJAX


Tutorial indispensable que sirve como punto de partida para hacer llamamientos a archivos remotos en tiempo real sin que el usuario tenga que actualizar el navegador Con este tutorial sobre AJAX comprobaremos lo fcil que es actualizar el contenido de una pgina eb en tiempo real sin que un usuario tenga que actualizar el na!egador" #a idea es mu$ simple% &a!ascript se encarga de llamar remotamente a un arc'i!o% e&ecutarlo para luego e(traer la informaci)n $ mostrarla en nuestra pgina de forma transparente para el usuario" *l arc'i!o a llamar puede contener la informaci)n que queris por e&emplo puede ser un contador de usuarios online" +ara simplificar $ !er c)mo funcionar el resultado de este tutorial os recomiendo crear un arc'i!o llamado ajax.php% ponemos un n,mero cualquiera -en un caso real el arc'i!o a&a("p'p contendr.a el c)digo para contar los usuarios online/ $ guardaremos el arc'i!o" A'ora creamos un arc'i!o llamado codigo.php con este c)digo0 !er en popupcopiar a portapapelesimprimir 1" 2'tml3 2" 2'ead3 3" 2title3*&emplo2/title3 4" 2/'ead3

5" 2script language67&a!ascript7 t$pe67te(t/&a!ascript73 8" !ar 9equestOb&ect 6 false: ;" !ar Arc'i!o 6 <'ttp0//local'ost/a&a("p'p<: //directorio donde tenemos el arc'i!o a&a("p'p =" indo "set>nter!al-7actualizacion?relo&-/7% 2@@@/: // el tiempo X que tardar en actualizarse A" if - indo "XB#Cttp9equest/ // 1@" 9equestOb&ect 6 ne XB#Cttp9equest-/: 11" if - indo "Acti!eXOb&ect/ 12" 9equestOb&ect 6 ne Acti!eXOb&ect-7Bicrosoft"XB#CDD+7/: 13" function 9eqC'ange-/ E 14" // Si se 'a recibido la informaci)n correctamente 15" if -9equestOb&ect"read$State664/ E 18" // si la informaci)n es !lida 1;" if -9equestOb&ect"responseDe(t"inde(Of-<in!alid</ 66 F1/ 1=" E 1A" // obtener la respuesta 2@" !ar msgs 6 9equestOb&ect"responseDe(t"split-<G</: 21" // Huscamos la di! con id online 22" document"get*lementH$>d-7online7/"innerCDB# 6 msgsI@J: 23" K 24" else E 25" // +or si 'a$ algun error 28" document"get*lementH$>d-7online7/"innerCDB# 6 7*rror llamando7: 2;" K 2=" K 2A" K 3@" function llamadaA&a(-/ E 31" // Bensa&e a mostrar mientras se obtiene la informaci)n remota""" 32" document"get*lementH$>d-7online7/"innerCDB# 6 77: 33" // +reparamos la obtenci)n de datos 34" 9equestOb&ect"open-7L*D7% Arc'i!o % true/: 35" 9equestOb&ect"onread$statec'ange 6 9eqC'ange: 38" // *n!iamos 3;" 9equestOb&ect"send-null/: 3=" K 3A" function actualizacion?relo&-/ E 4@" llamadaA&a(-/: 41" K 42" 2/script3 43" 2bod$ onload67llamadaA&a(-/:73 44" 2'23Msuarios Online 2/'23 45" 2di! id67online732/di!3 48" 2/bod$3 4;" 2/'tml3

9esumiendo% el contenido del arc'i!o ajax.php se cargar dentro de la etiqueta di! con

id online del arc'i!o cdigo.php " *ste sencillo e&emplo es la base para crear muc'as otras utilidades interacti!as ms comple&as" /*CASO 4*/

Вам также может понравиться