2 ajax no funcionan

[jbarranco9]

hola chicos, tengo un problema... sería genial si pudieran ayudarme a resolverlo =).

tengo una pagina y debo recolectar información de otras 2 con un ajax pero solamente funciona uno de ellos y no se porque (la verdad soy nuevo en javascript). este es mi código:

Código:

 <script>
function encontrarnumero(){ //este es el ajax
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";
var divid='u219-4';


if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState===4 && xmlhttp.status===200)
{
document.getElementById(divid).innerHTML=xmlhttp.responseText;
setInterval(encontrarnumero,1000);

 
}
};
xmlhttp.open("GET","numero.php?q="+q+"&p="+p+"&w="+w,true);
xmlhttp.send();
}

window.onload=function(){
    encontrarnumero();
};
</script> 
<script>
function encontrartiempo(){ //este es el ajax
src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js";
var divid='tiempo';


if (window.XMLHttpRequest)
{// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
}
else
{// code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function()
{
if (xmlhttp.readyState===4 && xmlhttp.status===200)
{
document.getElementById(divid).innerHTML=xmlhttp.responseText;
setInterval(encontrartiempo,2000);

 
}
};
xmlhttp.open("GET","tiempo.php?q="+q+"&p="+p+"&w="+w,true);
xmlhttp.send();
}

window.onload=function(){
    encontrartiempo();
};
 
</script>

de las paginas en php no se preocupen ya que están bien.

gracias de antemano

[alexg88]

No puedes asignar el evento onload dos veces, porque sólo queda la última vez que lo asignas.

Código Javascript:

<script>
    function encontrarnumero(){ //este es el ajax
        
        var divid='u219-4';
 
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState===4 && xmlhttp.status===200)
            {
                document.getElementById(divid).innerHTML=xmlhttp.responseText;
                setInterval(encontrarnumero,1000);
 
 
            }
        };
        xmlhttp.open("GET","numero.php?q="+q+"&p="+p+"&w="+w,true);
        xmlhttp.send();
    }
 
    function encontrartiempo(){ //este es el ajax
        
        var divid='tiempo';
 
 
        if (window.XMLHttpRequest)
        {// code for IE7+, Firefox, Chrome, Opera, Safari
            xmlhttp=new XMLHttpRequest();
        }
        else
        {// code for IE6, IE5
            xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
        }
        xmlhttp.onreadystatechange=function()
        {
            if (xmlhttp.readyState===4 && xmlhttp.status===200)
            {
                document.getElementById(divid).innerHTML=xmlhttp.responseText;
                setInterval(encontrartiempo,2000);
 
 
            }
        };
        xmlhttp.open("GET","tiempo.php?q="+q+"&p="+p+"&w="+w,true);
        xmlhttp.send();
    }
 
 
    window.onload=function(){
        encontrarnumero();
        encontrartiempo();
    };
</script>
 

Te recomiendo aun así que uses jquery u otra librería que facilita muchos las llamadas ajax o si no quieres, create una función para reutilizar el código repetido.

Un saludo.

[jbarranco9]

Muchas gracias a los que respondieron, efectivamente el problema era que no podía hacer 2 veces window.onload... finalmente la solución fue hacer una función. la dejo a continuación por si alguien tiene el mismo problema:

Código:

<script>
// Move repeating code to a function
function doAJAX(divid, page) {
    if (window.XMLHttpRequest) {
        // Use `var` when declaring variables
        var xmlhttp = new XMLHttpRequest();
    } else {
        var xmlhttp = new ActiveXObject("Microsoft.XMLHTTP");
    }
    xmlhttp.onreadystatechange = function () {
        if (xmlhttp.readyState === 4 && xmlhttp.status === 200) {
            document.getElementById(divid).innerHTML = xmlhttp.responseText;

            // Use `setTimeout` if you're going to make recursive calls!
            setTimeout(function() {
                doAJAX(divid, page)
            }, 1000);
        }
    };
    xmlhttp.open("GET", page + "?q=" + q + "&p=" + p + "&w=" + w, true);
    xmlhttp.send();
}

// Just one onload handler that calls the function twice,
//    passing the different info for each call
window.onload = function () {
    doAJAX('u219-4', "numero.php");
    doAJAX('tiempo', "tiempo.php");
};
</script>

[emprear]

No hay ningún impedimento para hacer varias llamadas simultaneas a Ajax, ni siquiera sería necesario utilizar el evento onload.

Este ejemplo es algo rebuscado, pero hace 3 llamadas a diferentes intervalos al mismo archivo, aunque podrían ser diferentes

Código PHP:

 <!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> 
<title>titulo</title>  
<meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
<style type="text/css"> 
div{ 
width: 300px; 
height: 20px; 
padding: 5px; 
margin: 2px; 
border: dotted 1px #666; 
} 
</style> 
<script type="text/javascript"> 
//<![CDATA[ 
// agrega un parametro unico al archivo 
var prevenirCache=1; 
// innerHtml para imagen o texto Ajax en espera 
var loaderGif = "<p style='font-size:10pt;display:inline-block; text-align: center; margin-top: 25%;'><img src='ajax-loader.gif' alt='Cargando datos' \/><br \/> Aguarde por favor...<\/p>"; 
 
/*** no editar ***/ 
var cargarObjetos=""; 
var rootdomain="http://"+window.location.hostname; 
var cacheParam=""; 
function cargarAjax(url,divAjax){ 
var contenidoAjax = false; 
 
if(window.XMLHttpRequest) { 
contenidoAjax = new XMLHttpRequest(); 
}else if(window.ActiveXObject) { 
contenidoAjax = new ActiveXObject("Microsoft.XMLHTTP"); 
}else{ 
alert('Su navegador no soporta Ajax'); 
} 
 
contenidoAjax.onreadystatechange=function(){ 
cargaPagina(contenidoAjax,divAjax); 
} 
                 
if(prevenirCache == 1){ 
    cacheParam=(url.indexOf("?")!=-1)? "&"+ new Date().getTime() : "?"+ new Date().getTime(); 
    }     
        contenidoAjax.open('GET', url+cacheParam, true); 
    contenidoAjax.send(null); 
    } 
     
     
    function cargaPagina(contenidoAjax,divAjax){ 
        if(contenidoAjax.readyState==1){ 
        //    document.getElementById(divAjax).innerHTML = loaderGif; 
            } 
            if(contenidoAjax.readyState == 4 && (contenidoAjax.status==200 || window.location.href.indexOf("http")==-1)){ 
                document.getElementById(divAjax).innerHTML=contenidoAjax.responseText; 
                } 
                } 
                 
 
//]]> 
</script> 
</head> 
<body> 
<div> 
Actualiza cada 1'' &nbsp; 
<span id="uno"> 
<?php include('hora.php'); ?> 
    <script type="text/javascript"> 
        setInterval("cargarAjax('hora.php','uno')", 1000); 
        </script> 
</span> 
</div> 
<div> 
Actualiza cada 5'' &nbsp; 
<span id="dos"> 
<?php include('hora.php'); ?> 
        <script type="text/javascript"> 
        setInterval("cargarAjax('hora.php','dos')", 5000); 
        </script> 
</span> 
</div> 
<div> 
Actualiza cada 10''  
<span id="tres"> 
<?php include('hora.php'); ?> 
        <script type="text/javascript"> 
        setInterval("cargarAjax('hora.php','tres')", 10000); 
        </script> 
</span> 
</div> 
</body> 
</html>  

hora.php

Código PHP:

  <?php 
echo date('H:i:s'); 
?>   

Demo:
http://foros.emprear.com/ajax/basico...iple/index.php

Saludos