necesito ejemplo GET en AJAX

laurita23 · #1 (**permalink**) 02/03/2010, 13:13

ola!mi problema es q stoy empezando con ajax,y lo q tng no me funciona,en algo falla, desde js quiero recuperar los datos de una base de datos,os pego el codigo

ajax.open ('GET', carga_foros1.php', true);
ajax.onreadystatechange = function() {
if (ajax.readyState==1) {
capaContenedora.innerHTML="Cargando.......";
}
else if (ajax.readyState==4){
if(ajax.status==200){
capaContenedora.innerHTML=ajax.responseText;
}
else if(ajax.status==404)
{

capaContenedora.innerHTML = "La direccion no existe";
}
else
{
capaContenedora.innerHTML = "Error: ".ajax.status;
}
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(null);

y el php es:

//conexión a la BD
$link=conectar_bd();

$sql="SELECT * FROM foros";
$result =enviar_consulta($sql);
while($registro = obtener_resultado($result)){
echo '<p>'.$registro['nombre']."-".$registro['fecha']."</p>";
}

//desconexion BD
desconectar_bd($link);

si esto esta mal os ruego que me pongais un ejemplo donde hay que llamar a un php para coger datos de la base de datos,muchas gracias de antemano

cesarpunk · #2 (**permalink**) 02/03/2010, 13:21

Aqui tiene un ejemplo de una funcion que se puede utilizar para cualquier parámetro GET:

Código:

function fAjax(archivo,vars,divid){
	ajax = nuevoAjax();/*tu objeto ajax*/
	myRand = parseInt(Math.random()*999999999999999);
	var modurl = archivo +"?rand=" + myRand + vars; 
	ajax.open("GET", modurl, true);
    ajax.onreadystatechange = function() {
         if (ajax.readyState==1) {
             document.getElementById(divid).innerHTML='...cargando';
         }
         else if (ajax.readyState==4){
			 document.getElementById(divid).innerHTML=ajax.responseText;
         }
    }
    ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
    ajax.send(null);
    return	
}

Y pasaria los parametros asi:

<a href="#" onclick="fAjax('carga_foros1.php','&campo1=<?php echo $campo1; ?>','div_resultado')">mi link</a>

Adecúa a tu proyecto. Suerte

laurita23 · #3 (**permalink**) 02/03/2010, 13:28

no quiero que se haga desde un onclick,sino secuencialmente en js, el codigo que he pegado empezaria directamente al cargarse la pagina
y yo no tengo que pasar datos,solo les quiero recoger,o aun asi les tengo que poner en la url??

laurita23 · #4 (**permalink**) 02/03/2010, 13:38

ponerme un ejemplo facil de donde se recuperan datos de un php por favor

cesarpunk · #5 (**permalink**) 02/03/2010, 13:50

si no vas a pasar ningun dato has lo mismo pero en el evento onload del body (osea al cargar la pagina)

<body onload="fAjax('carga_foros1.php','','div_resultado ')">

y en tu archivo php has lo que necesites y al final se mostrará en el div_resultado...

laurita23 · #6 (**permalink**) 02/03/2010, 13:59

no tengo body porque estoy en xml,pero llamo a esa funcion a traves d un script js

laurita23 · #7 (**permalink**) 02/03/2010, 14:09

PEGO CODIGO DEL XML(NO HTML) JS Y PHP: HAY FALLO PORQUE NO ME LO MUESTRA,GRACIAS
os pego el codigo, en relaidad es en xml,pero no hay problema no?:
<Content type="html">
<![CDATA[

<script type="text/javascript" src="carga13.js"></script>

<script type="text/javascript">
cargar_datos();
</script>

<div id="contenido"></div>

en js tengo:
function cargar_datos() {

fAjax('carga_foros3.php','','contenido ');

}

function creaAjax(){
var objetoAjax=false;
try {
/*Para navegadores distintos a internet explorer*/
objetoAjax = new ActiveXObject("Msxml2.XMLHTTP");
} catch (e) {
try {
/*Para explorer*/
objetoAjax = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (E) {
objetoAjax = false;
}
}

if (!objetoAjax && typeof XMLHttpRequest!='undefined') {
objetoAjax = new XMLHttpRequest();
}
return objetoAjax;
}

function fAjax(archivo,vars,divid){
ajax = creaAjax();/*tu objeto ajax*/
myRand = parseInt(Math.random()*999999999999999);
var modurl = archivo +"?rand=" + myRand + vars;
ajax.open("GET", modurl, true);
ajax.onreadystatechange = function() {
if (ajax.readyState==1) {
document.getElementById(divid).innerHTML='...carga ndo';
}
else if (ajax.readyState==4){
document.getElementById(divid).innerHTML=ajax.resp onseText;
}
}
ajax.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
ajax.send(null);
return
}

y el php:
//conexión a la BD
$link=conectar_bd();

$sql="SELECT * FROM foros";
$result =enviar_consulta($sql);
while($registro = obtener_resultado($result)){
echo '<p>'.$registro['nombre']."-".$registro['fecha']."</p>";
}

//desconexion BD
desconectar_bd($link);