Ajax Seite laden
lima-city → Forum → Die eigene Homepage → HTML, CSS & Javascript
aktualisieren
array
bestimmter inhalt
code
dach
datei
file
form
funktion
helfen
http
intervall
kleine frage
objekt
sekunde
setzen
test
text
type
url
-
Moin... Hab da mal ne kleine frage, und zwar will ich aus einer php datei den Inhalt in eine HTML datei laden. Das Funktioniert auch, nur leider geht das nicht automatisch... Sprich, ich möchte das sich ein bestimmter Inhalt alle 3 sekunden aktualisieren soll. Aber dennoch soll nicht die gesamt seite geladen werden!
Das habe ich bis jetzt:
Test.htm
<html> <head> <script type="text/javascript" src="itschi.ajax.js"></script> <script type="text/javascript"> window.onload = function() { Ajax.init(); Ajax.load({ file: 'test.php', method: 'get', ondone: function(text) { document.getElementById('phpContentId').innerHTML = text; } }); }; </script> </head> <body> <div id="phpContentId"></div> </body> </html>
Test.php
<?php echo Muhaha; ?>
itschi.ajax.js
var Ajax = { method: 'get', requestObj: false, init: function() { try { Ajax.requestObj = new XMLHttpRequest(); } catch(e) { try { Ajax.requestObj = new ActiveXObject('Msxml2.XMLHTTP'); } catch(e) { try { Ajax.requestObj = new ActiveXObject('Microsoft.XMLHTTP'); } catch(e) { try { Ajax.requestObj = window.createRequest(); } catch(e) { Ajax.requestObj = false; } } } } }, load: function(array) { Ajax.requestObj.open(array.method || Ajax.method, array.file); Ajax.requestObj.setRequestHeader('Content-Type', 'application/x-www-form-urlencoded;charset=utf-8'); Ajax.requestObj.onreadystatechange = function() { if (array.ondone && Ajax.requestObj.readyState == 4) { array.ondone(Ajax.requestObj.responseText); } }; Ajax.requestObj.send(array.params || ''); } };
Wäre cool wenn einer helfen könnte, da ich mich in JS und AJAX net so gut auskenne! -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage
-
Ich geh mal davon aus, das der restliche Code stimmt.
Du kannst einen Intervall setzen, der dir dach 2 Sekunden die Funktion neu aufruft, (Quelle: Selfhtml)
Du musst dann halt noch
inwindow.onload = function() { Ajax.init(); Ajax.load({ file: 'test.php', method: 'get', ondone: function(text) { document.getElementById('phpContentId').innerHTML = text; } }); };
umschreiben..function load() { Ajax.init(); Ajax.load({ file: 'test.php', method: 'get', ondone: function(text) { document.getElementById('phpContentId').innerHTML = text; } }); };
Hoffe ich konnte dir helfen -
Also mein Code funktioniert...
Ich habe mal das von dir umgeänderte genommen... Doch leider passiert nix -.-
Siehe: http://kesch-games.de/xyz/test.html -
Diskutiere mit und stelle Fragen: Jetzt kostenlos anmelden!
lima-city: Gratis werbefreier Webspace für deine eigene Homepage