<html>
<head>
<title>AJAX</title>
<script type="text/javascript">
function dateiholen(welche) {
var http = null;
if (window.XMLHttpRequest) {
http = new XMLHttpRequest();
} else if (window.ActiveXObject) {
http = new ActiveXObject("Microsoft.XMLHTTP");
}
if (http != null) {
http.open("GET", welche, true);
http.onreadystatechange = function() {
if (http.readyState == 4) {
document.getElementById("Ausgabe").innerHTML = http.responseText;
}
}
http.send(null);
}
}
</script>
</head>
<body>
HTML vom Server:
<div id="Ausgabe"></div>
<ul>
<li><a href="datei1.htm" onclick="dateiholen(this.href);return false">Datei 1</a></li>
<li><a href="datei2.htm" onclick="dateiholen(this.href);return false">Datei 2</a></li>
<li><a href="datei3.htm" onclick="dateiholen(this.href);return false">Datei 3</a></li>
</ul>
</body>
</html>
