Ajax automatic refresh a DIV

eihabisaac

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

hsriat

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.

eihabisaac

hsriat,

You are the man;

thank you,

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

acoder

...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.

hsriat

@acoder
My mistake... but I wonder how did it work if he used Maths.

Ajax automatic refresh a DIV

Post your reply

Similar topics

Question stats

	Ask Question
Home Questions Articles Browse Topics Latest Top Members FAQ