Solució exercici1-Ajax - Historial de revisió

Mfernandez a 15:37, 3 abr 2024

2024-04-03T15:37:19Z

Jnoguera a 11:58, 22 feb 2015

2015-02-22T11:58:55Z

Asalinas: Es crea la pàgina amb «Fitxer Javascript:

 var xhr;  function inici(){     if (window.ActiveXObject) { //Iexplorer             xhr = new ActiveXObject("Microsoft.XMLHTTP");     }     else …».

2014-03-20T17:43:06Z

Es crea la pàgina amb «Fitxer Javascript: <pre> var xhr; function inici(){ if (window.ActiveXObject) { //Iexplorer xhr = new ActiveXObject("Microsoft.XMLHTTP"); } else …».

Pàgina nova

Fitxer Javascript:
<pre>
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');

xhr.onreadystatechange = function() {
if (this.readyState == 4) {
if (this.status >= 200 && this.status < 300) {
document.getElementById('content').innerHTML = this.responseText;
}
}
}

xhr.send(null);

}

window.onload = inici;

</pre>

Fitxer HTML:
<pre>
<!DOCTYPE html>
<html>
<head>
<title></title>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<script type="text/javascript" src="exercici1.js"></script>
</head>
<body>
<div id="content">TODO write content</div>
</body>
</html>
</pre>

Fitxer PHP:
<pre>
<?php

echo phpinfo();
?>
</pre>

@@ Línia 4: / Línia 4: @@
 function inici(){
-     if (window.ActiveXObject) { //Iexplorer
+     if (window.XMLHttpRequest) { //Tots els altres navegadors que soporten ajax
              xhr = new XMLHttpRequest();
+     }

@@ Línia 20: / Línia 20: @@
 		if (this.status >= 200 && this.status < 300) {
 			document.getElementById('content').innerHTML = this.responseText;
+		}
+	}