Recoger Array php desde AJAX

Alun · #1 (**permalink**) 14/11/2010, 16:47

Un saludo, foro:

Estoy intentando sacar unos datos de una bd y colocarlos en unos campos de texto, según la opción que se elige en un campo <select>, todo ello mediante AJAX. Hasta ahora no he conseguido mostrar nada desde la página AJAX, aunque se me muestra bien si accedo directamente a la URL del archivo PHP.

No se por qué, no podía recoger el array, así que estoy intentando juntar los valores en una cadena (son valores numéricos y de texto, pero los paso todos a texto, y los separo mediante una coma), y así poder pasar la cadena entera. Al mostrar un alert de prueba en la página, solamente se me muestra una coma (,), omitiendo los valores recogidos, y las demás comas. El código es este:

Código Javascript:

Ver originalif(instancia.status == 200)
{
 if(instancia.responseText)
 {
  var puntos = instancia.responseText;
  alert(puntos);
 }
 else
 {
  alert('No hay respuesta del server');
 }
}

y en el servidor, esto:

Código PHP:

Ver originalif($query)
{
 $puntos = mysql_fetch_row($query);
 $punto = (string)'';
 for($x=0;$x < count($puntos);$x++)
 {
  $punto .= $puntos[$x].',';
 }
 $punto = "$punto";
 echo $punto;
}

Como ya digo, en el alert se me muestra solamente una coma (,). ¿Qué error tiene el código? ¿Cómo puedo pasar el array entero?

Muchas gracias de antemano.

Alun · #2 (**permalink**) 15/11/2010, 16:38

alguna ayuda, por favor? Estoy muy perdido en esto de AJAX, y me interesa bastante aprender cómo va.

Gracias

theSpecialist · #3 (**permalink**) 17/11/2010, 11:34

Si estas incursionando en esto de ajax te recomiendo Jquery para que no te rompas mucho el casco:::: es mucho mas claro.. este es un ejemplo de como pasas una variable php a Js..
del mismo modo lo puedes hacer con un Array o un Objeto.. solo tienes que recorrerlo con un bucle en Js.

Del lado del cliente:

Código Javascript:

Ver original$.ajax({ 
        type: "GET",
        dataType: "json",
        url:'URL',
        success:function(data){
                alert(data.status); // retorna EXITO.
        }
    });

Del lado del servior:

Código PHP:

Ver original<?php
      $estado['status'] = 'EXITO';
      print json_decode($estado);
?>

Espero que te sirva de ayuda... Visita la Jquery.com y lee la documentacion, veras la gloria..

Alun · #4 (**permalink**) 17/11/2010, 13:22

Gracias por la respuesta:

La verdad es que no entiendo gran cosa de jquery. Este código, ¿lo tengo que meter dentro de la función que tengo preparada paar ejecutarse al recibir respuesta del servidor? ¿Es la función de respuesta en si? ¿Sigo necesitando con ella crear el objeto XMLHttpRequest, o puedo prescindir ya de él?

De nuevo gracias por responder.

theSpecialist · #5 (**permalink**) 19/11/2010, 11:53

Ok creo que debí explicarte mejor...

Jquery es una maravillosa librería JavaScript, esta facilita de una manera increíble el uso de AJAX, de manera que te evitas al 100% esa instanciadera y toda esas complicaciones... ademas de que tu código queda mucho mas optimizado para trabajar en la mayoría de navegadores incluso IE...

Para utilizar la librería debes incluirla en tu script, puedes incluirla en el <head> de tu aplicacion:

Código Javascript:

Ver original<script src="http://code.jquery.com/jquery-1.4.4.js"></script>

Puedes usar esa versión online o bien descargarte el js desde el sitio de jquery.com..

Te daré una breve explicación de como trabaja la función $.Ajax de Jquery.. pero lo ideal es que entres a Jquery.com y leas la documentacion que está muy bien elaborada y hasta un niño la entiende..

Ok una vez incluida tu librería Jquery puedes comenzar a utilizar las funciones..
las funciones de jquery por defecto siempre comienzan con $, veamos la función $.ajax:

Código HTML:

<!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>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<script src="http://code.jquery.com/jquery-1.4.4.js"></script>
<script>
function obtenerTalentos(){
  $.ajax({
    type: 'GET',//Este es el metodo que utilizaremos
    dataType: "json",// Este es el tipo de data a utilizar en sustitución de XML
    url: 'mi_script.php',// Este es tu Script de lado del servidor.
    success:function(data){ //Esto pasará si todo sale bien...
	//en data tenemos todo lo recogido desde el array php del server...
	//Recorriendo data
	alert(data.musico);              
	alert(data.pintor);              
	alert(data.atleta);
    }
  });
}
</script>
</head>

<body>
<button onclick="obtenerTalentos()">Obtener Talentos</button>
</body>
</html>

Y del lado del servidor usaras la función nativa de php json_encode, para codificar tu array a notación json.. puedes probar el script solo para que veas lo que es una notación json, si quieres profundizar en esto te recomiendo wikipedia, no es nada del otro mundo, simplemente es una cadena string escrita con ciertas normativas para poder ser interpretada por JavaScript... igual la puedes escribir manualmente e imprimirla..

Código PHP:

Ver original<?php
    $my_array = array('musico'=>'beethoven','pintor'=>'picazo','atleta'=>'felix sanchez');
    print json_encode($my_array);
?>

Bueno, ya con esto estamos listo para probar tu primer request ejax, una vez tengas los datos en JavaScript puedes hacer lo que te venga en mente con ellos, ya sea colocarlos en un select o simplemente mostrarlo en pantalla.....

y lo del script PHP, puedes traer tu array de donde quieras o como sea, solo tienes que imprimirlo Json, en caso que quieras usar XML, pues cambia el type y solo tendrás que escribir XML con tu script php....

Recuerdo cuando daba mis primeros pasos con esto hace 2 años.. nadie me daba un empujón.. y gracias a un colega fue que pude ver detrás de la puerta... espero que esto te haya ayudado...

Saludos desde la República!

savi · #6 (**permalink**) 26/11/2010, 01:38

theSpecialist

GARCIASSSSSSSSSS !!! Estoy estos dias estudiando el tema y este ejemplo es muy claro.

Para completarlo un poco, como le pasarias desde jquery parametros al php (por ejemplo un array) y como desde php recibes este array

Gracias por tu ayuda, me has ayudado con dudas q tenia sobre el manejo

Saludos.
Savi.