Ich habe mir jetzt mal AJAX angeguckt und bin schockiert, dass das:
Code:
<
html>
<head>
<meta http-equiv="content-type" content="text/
html; charset=utf-8">
<title>AJAX Test</title>
<script type="text/javascript">
<!--
function myRequest() {
var req = null;
try {
req = new XMLHttpRequest();
}
catch(e) {
alert("Requestobjekt konnte nicht erstellt werden");
}
req.open("GET", "data.txt", true);
req.onreadystatechange = function() {
switch(req.readyState) {
case 4:
if(req.status == 200) {
document.getElementById("request").innerHTML = req.responseText;
}
else
alert("Fehler: " + req.statusText);
break;
default:
return false;
break;
}
};
req.setRequestHeader("Content-Type", "application/x-www-form-urlencode");
req.send(null);
}
-->
</script>
</head>
<body>
<h1>AJAX Test</h2>
<h2>Request senden</h2>
<p>
<input type="button" onclick="myRequest();" value="Request senden" />
</p>
<h2>Ergebnis Request</h2>
<p>
<div id="request"></div>
</p>
</body>
</
html>
alles sein soll im Grundprinzip. OK, man kann jetzt noch mit
XML oder JSON arbeiten, aber das Prinzip ist ja das gleiche. Per Javascript Daten vom Server abrufen und in ein div Element setzen.
Oder übersehe ich da jetzt irgendwas?