Dois "window.setInterval()" na mesma pagina, Requisição MYSQL
Olá galera, meu forte é php, confesso que ajax estou tentando aprender um pouco.
O que estou fazendo é:
Tenho 1 pagina dividida em 3 partes (divs), a 1 e a 3 são resultados do BD e gostaria que fosse atualizada sem que fique dando refresh/reload.
DIV 1 = nomes de homens
DIV 2 = dados fixos (imagens, textos) - sem mysql
DIV 3 = nomes de mulheres
Meu problema:
a DIV 3 carrega logo que abre a pgina (isso é o que quero) porem a DIV 1 carrega muito, mas muito tempo depois.
Onde estou errando e não estou percebendo?
meu cod:
default.js
function myFunction()
{
window.setInterval(function(){Homens(3)},990);
window.setInterval(function(){Mulheres(3)},2000);
}
function Homens(id)
{
if (id=="")
{
document.getElementById("StatusHomens").innerHTML="";
return;
}
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("StatusHomens").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","Homens.php?q="+id,true);
xmlhttp.send();
}
function Mulheres(id)
{
if (id=="")
{
document.getElementById("StatusMulheres").innerHTML="";
return;
}
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("StatusMulheres").innerHTML=xmlhttp.responseText;
}
}
xmlhttp.open("GET","Mulheres.php?q="+id,true);
xmlhttp.send();
}Discussão (2)
Carregando comentários...