Loginbox
Trage bitte in die nachfolgenden Felder Deinen Benutzernamen und Kennwort ein, um Dich einzuloggen.
Ajax reload
Betreff: Ajax reload - Gepostet: 13.08.2010 - 17:03 Uhr -
ich hab mich mal mit Ajax befasst und 2 Dateien erstellt die sollen eine Uhrzeit Reloaden Eigenlich geht es darum das per Ajax eine andere Datei alle x Sekunden neu geladen wird.
zurzeit sehen meine 2 Dateien so aus:
index.php
<html>
<head>
<title>Ajax Server-Uhr</title>
<script type="text/javascript">
function Uhr ()
{
var http = false;
if (navigator.appName == "Microsoft Internet Explorer")
{
http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
http = new XMLHttpRequest();
}
http.open("GET", "uhr.php", true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById("uhr").innerHTML=http.responseText;
}
}
http.send(null);
window.setTimeout("Uhr()", 1000);
}
</script>
</head>
<body onLoad="Uhr()">
<div align="center"id="uhr"></div>
<br><br><br><br>
<div>test</div>
</body>
</html>
Uhr.php
<?
$datum = date("d.m.Y");
$uhrzeit = date("H:i:s");
echo $datum," - ",$uhrzeit," Uhr";
?>
ist das so richtig mit Ajax? bzw kann mir jemand sagen warum sich im FF die Uhr Aktualisiert und im IE8 nicht?
oder weiß jemand ne bessere möglichkeit eine php Seite alle x Sekunden per Ajax neu laden zu lassen?
zurzeit sehen meine 2 Dateien so aus:
index.php
Code
<html>
<head>
<title>Ajax Server-Uhr</title>
<script type="text/javascript">
function Uhr ()
{
var http = false;
if (navigator.appName == "Microsoft Internet Explorer")
{
http = new ActiveXObject("Microsoft.XMLHTTP");
} else {
http = new XMLHttpRequest();
}
http.open("GET", "uhr.php", true);
http.onreadystatechange=function() {
if(http.readyState == 4) {
document.getElementById("uhr").innerHTML=http.responseText;
}
}
http.send(null);
window.setTimeout("Uhr()", 1000);
}
</script>
</head>
<body onLoad="Uhr()">
<div align="center"id="uhr"></div>
<br><br><br><br>
<div>test</div>
</body>
</html>
Uhr.php
Code
<?
$datum = date("d.m.Y");
$uhrzeit = date("H:i:s");
echo $datum," - ",$uhrzeit," Uhr";
?>
ist das so richtig mit Ajax? bzw kann mir jemand sagen warum sich im FF die Uhr Aktualisiert und im IE8 nicht?
oder weiß jemand ne bessere möglichkeit eine php Seite alle x Sekunden per Ajax neu laden zu lassen?
Betreff: Re: Ajax reload - Gepostet: 28.08.2010 - 09:40 Uhr -
Verwende anstatt
mal
Code
if (navigator.appName == "Microsoft Internet Explorer")
mal
Code
if(navigator.appName.search('Microsoft') > -1)
Betreff: Re: Ajax reload - Gepostet: 01.09.2011 - 13:12 Uhr -
die antwort is n bisschen spät aber besser spät als nie:-)
also auch mit deiner änderung geht es im ie nicht.
weiß jemand ne lösung oder n besseres beispiel für ne automatische ajax aktualisierung alle x sekunden
also auch mit deiner änderung geht es im ie nicht.
weiß jemand ne lösung oder n besseres beispiel für ne automatische ajax aktualisierung alle x sekunden
Fragz 
koffeeinsuechtiger coding freak
Geschlecht: 
Herkunft:
Neuss
Alter: 27
Beiträge: 1544
Dabei seit: 03 / 2008

koffeeinsuechtiger coding freak

Herkunft:
NeussAlter: 27
Beiträge: 1544
Dabei seit: 03 / 2008
Betreff: Re: Ajax reload - Gepostet: 11.01.2012 - 11:51 Uhr -
Hallo,
Ist zwar ein bischen Spät aber evtl hilft das noch
Versuch mal folgenden JS Code
Gruss
Fragz
Ist zwar ein bischen Spät aber evtl hilft das noch
Versuch mal folgenden JS Code
Code
function showsData() {
var req;
try {
req = window.XMLHttpRequest?new XMLHttpRequest():
new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
try{
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
req.onreadystatechange = function() {
if ((req.readyState == 4) && (req.status == 200)) {
document.getElementById("onlinearea").innerHTML = req.responseText;
var obj = document.getElementById('uhr');
obj.scrollTop = obj.scrollHeight;
}
}
req.open("GET", "uhr.php", true);
req.send(null);
}
showsData();
setInterval("showsData()",1000);
var req;
try {
req = window.XMLHttpRequest?new XMLHttpRequest():
new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
try{
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
req.onreadystatechange = function() {
if ((req.readyState == 4) && (req.status == 200)) {
document.getElementById("onlinearea").innerHTML = req.responseText;
var obj = document.getElementById('uhr');
obj.scrollTop = obj.scrollHeight;
}
}
req.open("GET", "uhr.php", true);
req.send(null);
}
showsData();
setInterval("showsData()",1000);
Code
<div id="uhr">
</div>
</div>
Gruss
Fragz
Dieser Post wurde 1 mal bearbeitet. Letzte Editierung: 11.01.2012 - 11:51 Uhr von Fragz.
Fragz 
koffeeinsuechtiger coding freak
Geschlecht: 
Herkunft:
Neuss
Alter: 27
Beiträge: 1544
Dabei seit: 03 / 2008

koffeeinsuechtiger coding freak

Herkunft:
NeussAlter: 27
Beiträge: 1544
Dabei seit: 03 / 2008
Betreff: Re: Ajax reload - Gepostet: 05.02.2012 - 14:45 Uhr -
Huch mein Fehler,
So sollte es klappen
Dieses ruft dann die uhr.php auf und übergibt deren Inhalt
So sollte es klappen
Code
function showsData() {
var req;
try {
req = window.XMLHttpRequest?new XMLHttpRequest():
new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
try{
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
req.onreadystatechange = function() {
if ((req.readyState == 4) && (req.status == 200)) {
document.getElementById("uhr").innerHTML = req.responseText;
var obj = document.getElementById('uhr');
obj.scrollTop = obj.scrollHeight;
}
}
req.open("GET", "uhr.php", true);
req.send(null);
}
showsData();
setInterval("showsData()",1000);
var req;
try {
req = window.XMLHttpRequest?new XMLHttpRequest():
new ActiveXObject("Microsoft.XMLHTTP");
} catch (e) {
try{
req = new ActiveXObject("Microsoft.XMLHTTP");
} catch (e){
// Something went wrong
alert("Your browser broke!");
return false;
}
}
req.onreadystatechange = function() {
if ((req.readyState == 4) && (req.status == 200)) {
document.getElementById("uhr").innerHTML = req.responseText;
var obj = document.getElementById('uhr');
obj.scrollTop = obj.scrollHeight;
}
}
req.open("GET", "uhr.php", true);
req.send(null);
}
showsData();
setInterval("showsData()",1000);
Code
<div id="uhr">
</div>
</div>
Dieses ruft dann die uhr.php auf und übergibt deren Inhalt
|
Registrierte in diesem Topic Aktuell kein registrierter in diesem Bereich |
Cookies von diesem Forum entfernen
•
FAQ / Hilfe
•
Teamseite
|
Aktuelle Ortszeit: 19.06.2013 - 20:03





