[Php-avanzado] Consulta de ajax

Mar Dic 20 08:59:42 ART 2011

Hola Germán,

	tal y como dice Javier, en el ejemplo del apunte (el código que vimos
en clase lo tenía) le falta un : en el onchange(), entre "javascript" y
"callServer()"

<input type="text" name="nombre" id="nombre" size="22"
onchange="javascript: callServer();" >

	Luego, lo que implementa Luciano es lo mismo, salvo que está
implementado con una función anónima en lugar de con un "callServer"
explícito.
	Es equivalente, pero las funciones anónimas son un poco más difíciles
de leer al principio, y preferimos usar funciones explícitas, con nombre
y todo, que es lo que están acostumbrados a ver.

	Luego si la respuesta queda en un value de un input o en un innerHTML
como en el segundo ejemplo que vimos en clase, dependerá del elemento
HTML al que le pongas el contenido.

	Saludos!

El lun, 19-12-2011 a las 22:57 -0300, German Valencia escribió:
> Hola gente, estuve viendo lo de ajax  que está en el módulo( perdón
> leo, pero durante el curso ni lo había mirado) y no lo pude hacer
> andar, pero creo que en el curso ya alguien había comentado lo mismo,
> si alguno lo miró y arregló por favor me diga por qué no anda. acá va
> el código, a ver si alguien se da cuenta que le pasa a esto:
> 
> 
> 
> 
> 
> 
> 
> 
> <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
> "http://www.w3.org/TR/html4/loose.dtd">
> <html>
> 
> 
> <head>
> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
> <meta name="German" content="ger">
> <title>Ejemplo XML HTTP Request</title>
>     
>     <script language="javascript" type="text/javascript">
>     // crea el ambiente JS para recibir la respuesta dinámica
>     var xmlHttp = new XMLHttpRequest();
> 
> 
>     
>     
>     function callServer(){
>         //obtiene el nombre escrito a medida que se escribe
>         var nombre=document.getElementById("nombre").value;
>         //sigo solo si hay datos
>         if ((nombre == null)||(nombre == ""))return;
>         
>         //arma la URL para hacer la consulta
>         var url="getValues.php?nombre=" + escape(nombre);
>         
>         //abre la conexion con el servidor
>         xmlHttp.open("GET",url,true);
>         
>         //Determina la función a ejecutar cuando se obtiene la
> respuesta del servidor
>         xmlHttp.onreadystatechange=updatePage;
>         
>         //Envía la petición
>         xmlHttp.send("?nombre=" + escape(nombre));           
>     }
>     //funcion que actualiza la página con la respuesta
>     function updatePage(){
>         if (xmlHttp.readyState == 4 ){
>             var response=xmlHttp.responseText;
>             documente.getElementById("respuesta").value=response;
>         }
>     } 
>     
>     </script>
> </head>
> 
> 
> <body>
>     <h3>Ejemplo de AJAX 2</h3>
>     <form>
>         <p>Nombre:<input type="text" name="nombre" id="nombre"
> size="22" onchange="javascript callServer();" ></p>
>         <p>Respuesta: <input type="text" name="respuesta"
> id="respuesta" size="40"></p>
>     </form>
> </body>
> </html>   
> _______________________________________________
> Php-avanzado mailing list
> Php-avanzado en pato2.fi.mdp.edu.ar
> http://www3.fi.mdp.edu.ar/cgi-bin/mailman/listinfo/php-avanzado

-- 
Leonardo Tadei
leonardot en pegasusnet.com.ar
Blog: http://blog.pegasusnet.com.ar
Firma pública: http://www.pegasusnet.com.ar/LeonardoTadei-public.key