[Php-avanzado] Consulta de ajax
Javier Alvarez
neiker en gmail.com
Lun Dic 19 23:24:42 ART 2011
Hola German,
Fijate que faltan un 2 puntos en el onchange, despues de la palabra
javascript
Ademas, la url tendria que ser (si es que existe getValues.php y
devuelve lo que espera tu script)
var url="getValues.php";
Ya que despues le pasas los parametros abajo con:
xmlHttp.send("?nombre=" + escape(nombre));
2 consejos:
- Instalate el plugin Web Developer o Firebug para firefox (el 1ro
también está para chrome) asi podes ver los errores de javascript.
- Googlea!!!
Saludos!
On 19/12/11 22:57, German Valencia wrote:
> 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
------------ próxima parte ------------
Se ha borrado un adjunto en formato HTML...
URL: <http://www3.fi.mdp.edu.ar/pipermail/php-avanzado/attachments/20111219/b6dca188/attachment-0001.html>
Más información sobre la lista de distribución Php-avanzado