Ayuda: Recibir varios datos con Ajax

[carvega86]

Que tal como les va. Me gustaria y me colaboraran en lo siguiente.

Soy nuevo usando ajax y me gustaria saber como puedo hacer para recibir varios datos de una pagina php, es decir, mi ejemplo es el sgte:

Voy a llamar a este archivo php que tiene lo sgte :
abc.php
---------------------------
<?
echo"holaaa"";
?>
---------------------------
function ajaxPrueba()
{
ajax=nuevoAjax();
ajax.open("GET", "abc.php",true)
ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
valor=ajax.responseText;
alert(valor);
}
}
}

en el alert de la funcion ajaxPrueba() va a mostrar : " holaaa "

Para ese ejemplo es claro, pero como haria en el caso que en mi funcion ajax Prueba necesite recibir por ejemplo 3 valores para asignarselos a 3 variables que tengo alli.. algo mas o menos asi:

ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
datos=ajax.responseText;
var var1= ?
var var2= ?
var var3= ?
}
}
necesito que en la respuesta de ajax vengan los 3 valores para mis tres variables..
Como manejaria eso ? que tendria q asignarle a cada variables ?


No sé si fui lo mas claro, pero creo q se alcanza a entender la idea.
Por favor si alguien sabe me de una mano.
Gracias

[Randill]

Ahi lo mejor es utilizar un xml, desde el php generas un xml

Código PHP:

  $xml = "<xml version=\"1.0\" encoding=\"utf-8\">
<datos>
<dato1>$valor1</dato1>
<dato2>$valor2</dato2>
<dato3>$valor3</dato3>
</datos>";
header("Content-Type: Text/xml");
echo $xml; 
   

Luego con el javascript los manejas mediante el DOM

Código PHP:

  ajax.onreadystatechange=function()
{
if (ajax.readyState==4)
{
datos=ajax.responseXML;
var var1= datos.getElementsByTagName("dato1").item(0).firstChild.data;
var var2= datos.getElementsByTagName("dato2").item(0).firstChild.data;
var var3= datos.getElementsByTagName("dato3").item(0).firstChild.data;
}
} 
   

[gvargas]

Definitivamente es con un archivo que devuelva formato XML.

Yo lo he usado y funciona de maravilla.

También podría ser usando JSON (pero es otro rollo)

Un saludo

[carvega86]

Que tal Randill

Gracias por tomarte la molestia de responder mi inquietud.
Probé la solucion que me planteaste y no me sirvió, no se que pasa, copie y pegue tu ejemplo y me sale un error al momento de preguntar por el data de las etiqueta dato1 y dato2.

Inclusive, le mando a mostrar con alert esto :

var var1= datos.getElementsByTagName("dato1").length;

y me arroja cero, como si no hubiera encontrado ninguna etiqueta con ese nombre.
Le estoy mandando esto desde el PHP:

$xml = "<xml version=\"1.0\" encoding=\"utf-8\">
<datos>
<dato1>fato de prueba 1</dato1>
<dato2>dato de prueba2</dato2>
</datos>";
header("Content-Type: Text/xml");
echo $xml;

Será que me puedes colaborar con eso de bacan !
Gracias !

[Randill]

Sorry al xml le faltaron los ?

Código PHP:

 $xml = "<?xml version="1.0\" encoding=\"utf-8\"?>   

[carvega86]

Nada, no me sirve el ejemplo, que pena con ud de estar insistiendole pero me saca error, me devuelve null

javascript

if (ajax.readyState==4)
{
datos=ajax.responseXML.documentElement;
alert("xml : "+datos);//En este alert me devulve null, no sé q pasa
var var1= datos.getElementsByTagName("nombre")[0].firstChild.data;
var var2= datos.getElementsByTagName("apellido")[0].firstChild.data;
}

php:


$xml = "<?xml version=\"1.0\" encoding=\"utf-8\"?>
<datos>
<nombre>carlo</nombre>
<apellido>vega</apellido>
</datos>";
header("Content-Type: Text/xml");
echo $xml;


ayudeme ahi a ver que pasa

[Randill]

Código PHP:

  if (ajax.readyState==4)
{ 
    datos=ajax.responseXML;
    alert("xml : "+datos);//imprimira algo como xml:document:xml u object 
    var var1= datos.getElementsByTagName("nombre").item(0).firstChild.data;
    var var2= datos.getElementsByTagName("apellido").item(0).firstChild.data;
} 
   

Código PHP:

 $xml = "<?xml version="1.0\" encoding=\"utf-8\"?>
<datos>
    <nombre>carlo</nombre>
    <apellido>vega</apellido>
</datos>";
header("Content-Type: Text/xml");
echo $xml;   

[gvargas]

Prueba asi:

En un archivo PHP:

Código PHP:

  <?php
header('Content-Type: text/xml');
?>
<datos>
    <nombre>carlo</nombre>
    <apellido>vega</apellido>
</datos>  

El script en js

Código PHP:

  objAjaxEnv = new getAjax();
    objAjaxEnv.open('GET', 'archivo.php' , true);
.
.
.
 
if (objAjaxEnv.readyState == 4){
    var nombre= objAjaxEnv.responseXML.getElementsByTagName('nombre')[0];
    var apellido= objAjaxEnv.responseXML.getElementsByTagName('apellido')[0];
     
  alert('Nombre: ' + nombre.firstChild.data + ' Apellido: ' + apellido.firstChild.data);
 
        
} 
   

Seguro que funciona !


... a mi me rula.

Un saludo.