recoger varias variables con ajax

[nilla]

Soy nueva en esto y quisiera saber si con ajax puedo recoger varias variables que me devuelva una consulta en php.

pongo un ejemplo:

Código:

function nuevoAjax()
	{
		var xmlhttp=false;
		try 
		{
			xmlhttp = new ActiveXObject("Msxml2.XMLHTTP");
		} 
		catch (e) 
		{
			try 
			{
				xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
			} 
			catch (E) 
			{
				xmlhttp = false;
			}
		}
		if (!xmlhttp && typeof XMLHttpRequest!='undefined') 
		{
			xmlhttp = new XMLHttpRequest();
		}
		return xmlhttp;
	}

function llenar_objetos()
	{
		ajax=nuevoAjax();
		ajax.open("GET", "prueba1.php",true);

		ajax.onreadystatechange=function() 
		{
			if (ajax.readyState==4)
			{	
				//Aqui es donde quiero recoger las variables de php para llenar varios objetos.
				//document.getElementById('echos').innerHTML = ajax.responseText;
			}
					}
		ajax.send(null);
	}

codigo en php.
prueba1.php

Código:

<?
$dp_di="localhost";
$db_usuario="***";
	$clave_db="***";
	 if(!$conexion=mysql_connect($dp_di,$db_usuario,$clave_db))
     {
       die('Error al conectarse a la base de datos');
     }
  if(!mysql_select_db("empleados",$conexion))
     {
       die('Error al seleccionar la base de datos');
     }
	 

$result = mysql_query("SELECT nombre,seccion,sueldo, fincontrato FROM empleados");




//	if($result!=NULL)
	//{ 			
				
		while ($row=mysql_fetch_array($resultado))
		{
			$nombre=$row['nombres'];
                        $seccion=$row['seccion'];
                        $sueldo=$row['sueldo'];
                        $fecha=$row['fincontrato']; 
		}
   mysql_close(); 
   
   
?>

[adriannjimenez]

Hola Nilla:

Mirá en esta página (está en inglés) donde explica claro el envío de información sea por POST o por GET:

http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp

Si querés te puedo enviar dos funciones que tengo: una es ajax_post que te envía todo un formulario completo y otro es ajax_get que envía por GET algunas o ninguna variable. Fueron hechos por Javier Mellado.

Cualquier cosa avisame y te las envío.

Un abrazo.

Adrian

[alfcm]

Hola Nilla

pues puedes hacer esto si es lo q tu estas buscando,, aunque hay otra forma con json o xml q te facilitan para mayor complejidad

Pero por lo pronto puedes hacer esto:

Código PHP:

$t = "<table border=1><tr><td>Nombre</td><td>Seccion</td><td>Sueldo</td><td>Fecha</td></tr>";
 
while ($row=mysql_fetch_array($resultado))
{
    $nombre=$row['nombres'];
        $seccion=$row['seccion'];
        $sueldo=$row['sueldo'];
        $fecha=$row['fincontrato']; 
        $t.="<tr><td>".$nombre."</td><td>".$seccion."</td><td>".$sueldo."</td><td>".$fecha."</td></tr>";
                       
}
 
$t.="</table>";
 
echo $t;
 

Y esa tabla lo mandara a tu div
document.getElementById('echos').innerHTML

Saludos

[nilla]

Iniciado por adriannjimenez

Hola Nilla:

Mirá en esta página (está en inglés) donde explica claro el envío de información sea por POST o por GET:

http://www.w3schools.com/ajax/ajax_xmlhttprequest_send.asp

Si querés te puedo enviar dos funciones que tengo: una es ajax_post que te envía todo un formulario completo y otro es ajax_get que envía por GET algunas o ninguna variable. Fueron hechos por Javier Mellado.

Cualquier cosa avisame y te las envío.

Un abrazo.

Adrian

Perdona pero creo que me has entendido al revés lo que quiero es recoger varias variables de php en html, no enviar varias variables por post o por get.

[adriannjimenez]

Ahh. Entonces es como te lo dice alfcm donde haces pagina1.php como si fuera independiente y si el estado es 4 (readyState=4) se te incorpora en la div que definiste.
Un abrazo y suerte

[nilla]

Iniciado por alfcm

Hola Nilla

pues puedes hacer esto si es lo q tu estas buscando,, aunque hay otra forma con json o xml q te facilitan para mayor complejidad

Pero por lo pronto puedes hacer esto:

Código PHP:

$t = "<table border=1><tr><td>Nombre</td><td>Seccion</td><td>Sueldo</td><td>Fecha</td></tr>";
 
while ($row=mysql_fetch_array($resultado))
{
    $nombre=$row['nombres'];
        $seccion=$row['seccion'];
        $sueldo=$row['sueldo'];
        $fecha=$row['fincontrato']; 
        $t.="<tr><td>".$nombre."</td><td>".$seccion."</td><td>".$sueldo."</td><td>".$fecha."</td></tr>";
                       
}
 
$t.="</table>";
 
echo $t;
 

Y esa tabla lo mandara a tu div
document.getElementById('echos').innerHTML

Saludos

Perdona, pero no hay alguna forma en la que no tenga que dibujar en php y me pueda devolver todos las variables nombre, seccion, sueldo y fecha y yo ponerlo luego en mi pagina html.

document.getElementById('suledo').value=sueldo

gracias

[alfcm]

Código PHP:

if ($row=mysql_fetch_array($resultado)){
  $xml="<?xml version='1.0' encoding='ISO-8859-1'?>
   <datos>
   <existe>OK</existe>
   <nombres><![CDATA[".$row['nombres']."]]></nombres>
   <seccion><![CDATA[".$row['seccion']."]]></seccion>
   <sueldo><![CDATA[".$row['sueldo']."]]></sueldo>
   </datos>";
}else{
  $xml="<?xml version='1.0' encoding='ISO-8859-1'?>
        <datos>
        <existe>FALSO</existe>
        </datos>";
}
header("Content-type: text/xml");
echo $xml;
 

y en tu javascript haces esto

Código Javascript:

if (ajax.readyState==4)
{
    
//Aqui es donde quiero recoger las variables de php para llenar varios objetos.
var resp=ajax.responseXML;
if (resp.getElementsByTagName("existe")[0].firstChild.nodeValue == "OK"){
document.getElementById("nombres").value =resp.getElementsByTagName("nombres")[0].firstChild.nodeValue;
document.getElementById("seccion").value = resp.getElementsByTagName("seccion")[0].firstChild.nodeValue;
document.getElementById("sueldo").value = resp.getElementsByTagName("sueldo")[0].firstChild.nodeValue;
}else{
alert("NO EXISTE ESTE REGISTRO");
}
 
}
 

si llegas a utilizar un framework como JQuery(el q yo uso) te facilita y hace menos engorroso todo este codigo ya q tambien permite trabajar con formato JSON, el cual php puede enviarlo en ese formato

Saludos espero te ayude