Ajax Dynamic Content
Hej,Jeg har endenstående script. Det ved onload hente filerne fil1.php og fil-2.php, men den henter kun fil-1.php. Derudover skulle den opdatere fil-1 hver 10. sekund og fil-2.php hvert 2. sekund.
Jeg er helt ny i Ajax og ret dårlig til javascript så bær over med mig ;)
På forhånd tak og her er koden:
<html>
<head>
<script type="text/javascript">
function ajax(url, target, tid)
{
// native XMLHttpRequest object
document.getElementById(target).innerHTML = 'Sender...';
if (window.XMLHttpRequest) {
req = new XMLHttpRequest();
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send(null);
// IE/Windows ActiveX version
} else if (window.ActiveXObject) {
req = new ActiveXObject("Microsoft.XMLHTTP");
if (req) {
req.onreadystatechange = function() {ajaxDone(target);};
req.open("GET", url, true);
req.send();
}
}
setTimeout("ajax(url, target, tid)", tid);
}
function ajaxDone(target) {
// only if req is "loaded"
if (req.readyState == 4) {
// only if "OK"
if (req.status == 200 || req.status == 304) {
results = req.responseText;
document.getElementById(target).innerHTML = results;
} else {
document.getElementById(target).innerHTML="ajax error:\n" +
req.statusText;
}
}
}
</script>
</head>
<body onload="ajax('fil-1.php','scriptoutput','10000'); ajax('fil-2.php','script2output','2000');">
<table><tr><td>
<p><b>Online i chatten:</b><br />
<span id="scriptoutput"></span>
</td><td>
<span id="script2output"></span>
</td></tr></table>
</body>
</html>
