AJAX Include/Refresh
Posted: Sun Jun 08, 2008 9:41 am
Hi,
What I am trying to do is use ajax to include a page and then refresh the includes page like every twenty seconds. Basically, the ajax includes a page of data which is displayed in a box. I need to refresh this box of data every twenty seconds. While it is refreshing I would like to be able to display a loading sign.
At the moment I have only got the ajax include code working and not sure where to go from there, if it is even possible.
Here is the code,
Any help on this would be great,
Thanks,
John
What I am trying to do is use ajax to include a page and then refresh the includes page like every twenty seconds. Basically, the ajax includes a page of data which is displayed in a box. I need to refresh this box of data every twenty seconds. While it is refreshing I would like to be able to display a loading sign.
At the moment I have only got the ajax include code working and not sure where to go from there, if it is even possible.
Here is the code,
Code: Select all
<script type="text/javascript">
var rootdomain="http://"+window.location.hostname
function ajaxinclude(url) {
var page_request = false
if (window.XMLHttpRequest) // if Mozilla, Safari etc
page_request = new XMLHttpRequest()
else if (window.ActiveXObject){ // if IE
try {
page_request = new ActiveXObject("Msxml2.XMLHTTP")
}
catch (e){
try{
page_request = new ActiveXObject("Microsoft.XMLHTTP")
}
catch (e){}
}
}
else
return false
page_request.open('GET', url, false) //get page synchronously
page_request.send(null)
writecontent(page_request)
}
function writecontent(page_request){
if (window.location.href.indexOf("http")==-1 || page_request.status==200)
document.write(page_request.responseText)
}
</script>Thanks,
John