Hola a todos, hace unos días vi el post de
Panino50001 sobre su
chatino y me puse a la obra para hacer un ejemplo simple. Como bien dice
Panino50001 no es un COMET total, ya que desde las misma llamada no puede hacer varias salidas por pantalla, me explico. Yo pensaba que se trataba de hacer una llamada y que esa misma llamada te devolviese los valores cuando hiciese falta, pero la cuestión es que una llamada solo devuelve un resultado, la cuestion es que con este pseudo-comet lo único que sabemos es CUANDO ha cambiado la cosa en el servidor por lo tanto si queremos que el COMET sea continuo, deberemos hacer la llamada a la misma función una y otra vez. Veamos un ejemplo:
- Tengo un fichero: contenido.txt en el cual si el contenido no esta vacío me lo muestre por pantalla:
contenido.txt -> Un fichero vacio
index.php
Código PHP:
<?php
if($_POST)
{
set_time_limit(0); // para quitar el timeout
header("Edge-control: no-store");
$content = trim(file_get_contents('contenido.txt'));
while($content=='')
$content = trim(file_get_contents('content.txt'));
echo $content;
exit();
}
?>
Código HTML:
<html>
<head>
</head>
<body>
<div id="content">Cargando...</div>
<script type="text/javascript" src="comet.js"></script>
</body>
</html>
comet.js
Código javascript
:
Ver originalvar xmlhttp = function()
{
var a;try{a = new XMLHttpRequest();}
catch(e){try{a = new ActiveXObject('Msxml2.XMLHTTP');}
catch(e){try{a = new ActiveXObject('Microsoft.XMLHTTP');}
catch(e){alert('Your browser doesn\'t support ajax');a=false;}
}}return a;
};
window.onload = function()
{
var a = new comet();
};
var comet = function()
{
var a = new xmlhttp();
a.open('post',window.location+"?"+Math.random()+"="+Math.random(), true);
a.setRequestHeader('Content-Type','application/x-www-form-urlencoded');
a.onreadystatechange = function()
{
if(a.readyState == 4)
{
document.getElementById('content').innerHTML = a.responseText;
}
};
a.send('algo=algo');
};
y cargamos la página, si tenemos firebug en firefox nos mostrará que la petición ajax está esperando una respuesta.
Ahora abrimos el fichero contenido.txt y escribimos algo.
Veremos como en div 'content' ha cargado lo que hemos guardado en el fichero :)