Solució exercici espera
De wikiserver
La revisió el 10:45, 12 març 2015 per Jnoguera (Discussió | contribucions) (Es crea la pàgina amb «<source lang="java"> <!DOCTYPE html> <html> <head> <title></title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> <script…».)
<!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.ActiveXObject) { //Iexplorer
xhr = new ActiveXObject("Microsoft.XMLHTTP");
}
else 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', 'info.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>
