Ciao a tutti! Sto muovendo i primi passi con Ajax e sto incontrando problemi fin dall'inizio! Speriamo riesca a non abbandonare il mio intento: imparare Ajax.
Sto utilizzando "Ajax for Dummies" e ho trovato il seguente esempio:
codice:
<html>
<head>
<title>Ajax at work</title>
<script language="javascript" type="text/javascript">
var XMLHttpRequestObject = false;
if (window.XMLHttpRequest) {
XMLHttpRequestObject = new XMLHttpRequest();
} else if (window.ActiveXObject) {
XMLHttpRequestObject = new ActiveXObject("Microsoft.XMLHTTP");
}
function getData(dataSource, divID) {
if (XMLHttpRequestObject) {
var obj = document.getElementById(divID);
XMLHttpRequestObject.open("GET", dataSource);
XMLHttpRequestObject.onreadystatechange = function() {
if (XMLHttpRequestObject.readyState == 4 && XMLHttpRequestObject.status == 200) {
obj.innerHTML = XMLHttpRequestObject.responseText;
}
}
XMLHttpRequestObject.send(null);
}
}
</script>
</head>
<body>
<h1>Fetching data with Ajax</h1>
<form>
<input type="button" value="Display message" onclick="javascript:getData('http://localhost/ch01/data.txt', 'targetDiv')" />
</form>
<div id="targetDiv">
The fetched data will go here.</p>
</div>
</body>
</html>
dove data.txt è un banalissimo file di testo con all'interno il seguente contenuto
codice:
Hello from Ajax!</p>
deployato su Xampp e raggiungibile dal browser (ho fatto la prova). Ora nonostante il controllo sulla tipologia di browser usato, non riesco a capire come mai mi funziona con Internet Explorer e non con Firefox e Chrome.
Grazie infinite per l'eventuale delucidazione!