Hallo Leute,
Ich hab folgendes Problem: Ich möchte ein Ajax Element in meine Homepage implementieren, mit welchem man über einen Klick auf einen Button die Serverzeit angezeigt bekommt. Ich habe den untenstehenden Code mehr oder weniger aus einem Lernbuch abgeschaut. Aber irgendwas stimmt noch nicht ganz, denn nach dem klick auf den Button passiert leider gar nichts. Sieht jemand den Fehler?! Bin um jede Hilfe froh!
Danke und bis bald.
Ich hab folgendes Problem: Ich möchte ein Ajax Element in meine Homepage implementieren, mit welchem man über einen Klick auf einen Button die Serverzeit angezeigt bekommt. Ich habe den untenstehenden Code mehr oder weniger aus einem Lernbuch abgeschaut. Aber irgendwas stimmt noch nicht ganz, denn nach dem klick auf den Button passiert leider gar nichts. Sieht jemand den Fehler?! Bin um jede Hilfe froh!
Danke und bis bald.
PHP:
<?php
echo date("d.m.Y H:i:s");
?>
HTML:
<html>
<head>
<script language="javascript">
funtion getRequestObject() {
var ro;
// Mozilla-kompatibel?
if (window.XMLHttpRequest) {
// Ja, ein Mozilla-kompatibler Browser
try {
// Objekt ableiten
ro = new XMLHttpRequest();
}
catch(e) {
// Objekt konnte nicht abgeleitet werden
ro = null;
}
}
else {
// Teil für den IE
try {
// neue Methode versuchen
ro = new ActiveXObject("Msxml2.Xmlhttp");
}
catch(e) {
try {
// Wenn die neue nicht klappt, dann vielleicht die alte?
ro = new ActiveXObject("Microsoft.XMLHTTP");
}
catch (e) {
// ActiveX ausgeschaltet oder kein JS Aktiv
ro = null;
}
}
}
// Haben wir ein Objekt oder nicht?
if (ro==null) {
// Fehlermeldung
alert('Ihr Browser unterstützt leider kein AJAX');
}
return ro;
}
// Diese Funktion wird an den Event-Hander übergeben
function statehandler() {
// Prüfen des Status'
if(request_object.readyState == 4) {
// Übertragung ist beendet => Daten auslesen
var daten = request_object.responseText;
// Daten in das Formular schreiben
document.formular.ausgabe.value=daten;
}
}
// Diese Funktion wird durch den Button Klick aufgerufen
function zeitAktualisieren() {
// Event-Handler vorbereiten
request_object.onreadystatechange = statehandler;
// Abfrage initialisieren
request_object.open('get', 'zeit.php');
// Anfrage senden
request_object.send(null);
}
// XMLHttpRequest-Objekt ableiten
request_object = getRequestObject();
</script>
</head>
<body>
<form name="formular">
<input type="text" name="ausgabe" /> <br />
<input type="button" onClick="javascript:zeitAktualisieren();" value="Zeit aktualisieren" />
</form>
</body>
</html>