Solució exercici espera
De wikiserver
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" >
var xhr;
function inici() {
if (window.XMLHttpRequest) { //Tots els altres navegadors que soporten ajax
xhr = new XMLHttpRequest();
}
else {
throw new Error("Ajax is not supported by this browser");
}
xhr.open('GET', 'espera.php', true);
xhr.onreadystatechange = function () {
if (this.status >= 200 && this.status < 300) {
switch (xhr.readyState) { //Según el estado de la petición devolvemos un Texto.
case 0:
document.getElementById('1').innerHTML = "Sin iniciar";
break;
case 1:
document.getElementById('2').innerHTML = "Cargando";
break;
case 2:
document.getElementById('3').innerHTML = "Cargado";
break;
case 3:
document.getElementById('4').innerHTML = "Interactivo";
break;
case 4:
document.getElementById('5').innerHTML = "Completado";
//Si ya hemos completado la petición, devolvemos además la información.
document.getElementById('resultado').innerHTML = xhr.responseText;
break;
}
}
}
xhr.send(null);
}
window.onload = inici;
</script>
</head>
<body>
<table border="4">
<tr>
<td><span id="1">Estado petición</span></td> <!--Campo para indicar el estado de la petición-->
<td><span id="2">Estado petición</span></td>
<td><span id="3">Estado petición</span></td>
<td><span id="4">Estado petición</span></td>
<td><span id="5">Estado petición</span></td>
<td><span id="resultado">Sin resultado</span></td>
</tr>
</table>
</body>
</html>fitxer espera.php
<?php
echo date('h:i:s') . "<br>";
//sleep for 5 seconds
sleep(4);
//start again
echo date('h:i:s');
?>el mateix amb fitxer espera.jsp
<%
Thread.sleep(1000);
out.print("Ahora la espera es menos molesta.");
%>
