Ajax page not getting refreshed in IE

[vjayis]

hi

i have a php page in which i have included few tabs links like

games, news,entertainm ent etc.,

when i click the tablink an ajax page is loaded below.
In that ajax page several pages(iframes) are loaded inside the tables, such that it contains three tables in a row.
each table contains different pages loaded through iframes,
and an close button is available so that we can close the unwanted tables(containi ng frames).

"i hav done similar to igoogle drag and drop portion without drag option"

so if we close an table the page name is stored in the database and it is not diaplayed.,

The problem is when i close the tables(page containing iframes) its getting closed and the values are stored correctly in the database., but after that if i click the same tablink the ajaxpage gets loaded along with the closed tables(which i have closed).
i,e the page gets loaded with the old datas without getting the refreshed values from the database.,

it works well in firefox.,

Can anyone help me.,

regards
vijay

[acoder]

The page is probably getting cached.

You'll need to get a unique page, so add something like

"&cache="+(new Date()).getTime()

to the end of the URL.

[vjayis]

The page is probably getting cached.

You'll need to get a unique page, so add something like

"&cache="+(new Date()).getTime()

to the end of the URL.

Hi

i cant understand., i m new to to ajax., where i want to add the code., and with the code do i want to do something.,?

help me to get rid of this.,

[acoder]

Post your current code.

[vjayis]

Post your current code.

Here is my code:

<script type="text/javascript">
 
function ajaxFunction1(action,id,uname,tablename)
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
xmlHttp.onreadystatechange=function()
{ 
 if(xmlHttp.readyState==1)
 {
 
 }
 if(xmlHttp.readyState==4)
 { 
    document.getElementById("ajax1").innerHTML=xmlHttp.responseText;
 }
}
 
xmlHttp.open("GET","includes/ajaxpage.php?action="+action+"&id="+id+"&uname="+uname+"&table="+tablename,true);
xmlHttp.send(null);
 
}
</script>
 

so when i close an table (containing iframe)., four variables are passed to the ajax page and the same page gets loaded without the closed table. the closed table name is stored in the database such that it is not diaplayed.,

very urgent ., help me in this.,

thanks

[vjayis]

Post your current code.

Here is my code:

<script type="text/javascript">
 
function ajaxFunction1(action,id,uname,tablename)
{
var xmlHttp;
try
  {
  // Firefox, Opera 8.0+, Safari
  xmlHttp=new XMLHttpRequest();
  }
catch (e)
  {
  // Internet Explorer
  try
    {
    xmlHttp=new ActiveXObject("Msxml2.XMLHTTP");
    }
  catch (e)
    {
    try
      {
      xmlHttp=new ActiveXObject("Microsoft.XMLHTTP");
      }
    catch (e)
      {
      alert("Your browser does not support AJAX!");
      return false;
      }
    }
  }
xmlHttp.onreadystatechange=function()
{ 
 if(xmlHttp.readyState==1)
 {
 
 }
 if(xmlHttp.readyState==4)
 { 
    document.getElementById("ajax1").innerHTML=xmlHttp.responseText;
 }
}
 
xmlHttp.open("GET","includes/ajaxpage.php?action="+action+"&id="+id+"&uname="+uname+"&table="+tablename,true);
xmlHttp.send(null);
 
}
</script>
 

so when i close an table (containing iframe)., four variables are passed to the ajax page and the same page gets loaded without the closed table. The closed table name is stored in the database such that it is not diaplayed.,

very urgent ., help me in this.,

thanks

[vjayis]

Hi

got the solution.,.

applied the code given by u correctly in the url.,

it gets working well in IE now.,

thanks

[acoder]

Glad you managed to work it out yourself :)

[vjayis]

Hi

i m with the same problem once again.,

i had added the given code by u to all the ajax url's that are contained in my page.,
but still i m having problem.,

when i select an tab(example:gam es) the tables which comes under the games category are displayed under the tabnames.
Note:each table contains frame in which the particular game is loaded.

if i click on another tab(example:new s) before the tab(containing games) gets loaded-> mismatch occurs.,
the titles of the tables gets changed but the contents(frames ) didnt get changed.,

and i had added the the code given by u to my page redirecting.,

here is my code.,

 
var dd=(new Date()).getTime();
tabs.open("GET","tabselection.php?tabname="+tab+"&data1="+data1+"&data2="+data2+"&data3="+data3+"&cache="+dd,true);
tabs.send(null);
 
 

any other solution to get rid of this.,

regards
vijay

[acoder]

That's a slightly different problem. You're reusing the same object which is still in use, so when you make another request whilst one is still ongoing, you need to abort the previous request. You can do that by checking that the ajax request object has not completed. If it hasn't, abort using the abort() method.