Ajax automatic refresh a DIV

hi all
i want to refresh a div using ajax,

i wrote this code:

index.php

Expand|Select|Wrap|Line Numbers

 
<script src="ajax/moniter/moniter.js" type="text/javascript"></script>

<body onload="moniter();">

<div id="moniter">
 
      </div>

</body

moniter.js

Expand|Select|Wrap|Line Numbers

 
// JavaScript Document

var xmlHttp_moniter
 
function moniter()

{

    xmlHttp_moniter = GetXmlHttpObject_parcel()

    if(xmlHttp_moniter == null)

    {

        alert("browser does not support HTTP Request")

        return

    }

    var url="ajax/moniter/moniter.php"

    xmlHttp_moniter.onreadystatechange = stateChanged

    xmlHttp_moniter.open("GET",url,true)

    xmlHttp_moniter.send(null)
 
}
 
function stateChanged()

{

    if(xmlHttp_moniter.readyState==4 || xmlHttp_moniter.readyState == "complete")

    {

        document.getElementById("moniter").innerHTML = xmlHttp_moniter.responseText

        setTimeout('moniter()',100);

    }

}
 
function GetXmlHttpObject_parcel()

{

    var xmlHttp_moniter=null;

    try

    {

        xmlHttp_moniter=new XMLHttpRequest();

    }

    catch (e)

         {

             //Internet Explorer

             try

              {

                  xmlHttp_moniter=new ActiveXObject("Msxml2.XMLHTTP");

              }

             catch (e)

              {

              xmlHttp_moniter=new ActiveXObject("Microsoft.XMLHTTP");

              }

         }

    return xmlHttp_moniter;

}

it work but the results are always the same from moniter.php file

where is the problem or if anybody know a better way to do ajax div refresh

thanks in advance

Apr 10 '09 #1

Follow Post Reply

9922

hsriat

1,654

Expert 1GB

Try this:

Expand|Select|Wrap|Line Numbers

var url="ajax/moniter/moniter.php?random=" + Maths.random()

This will make sure new request is made every time, instead of picking the content from the local cache.

Apr 10 '09 #2

eihabisaac

hsriat,

You are the man;

thank you,

if anybody wants to use this code, just add hsriat line and it will work perfectilly

Apr 10 '09 #3

acoder

16,027

Expert Mod 8TB

...except that it's Math. To be completely sure that it's unique, use a timestamp: (new Date()).getTime()

You could also set headers to make sure the page is not cached.

Apr 10 '09 #4