Ajax Memory Leak

[venkikam]

Hi All,

I have a web application that calls an AjaxMethod every 1min based on a javascript timer. It appears that every time I call this ajax method, IE uses more memory.

My function goes like..

function ajaxFunction()  {  
 
   var xmlHttp;
   xmlHttp = new XMLHttpRequest();
   xmlHttp.open("GET","./currentActivityReport.do?action=RefreshCurrentActivity&"+parameter,true);
   xmlHttp.onreadystatechange=function()  {
 
    if(xmlHttp.readyState==4) {
 
             var myspan = document.getElementById('myspan'); 
             var table  = document.getElementById("Table");
         myspan.removeChild(table);
         table = null;
             var newspan = document.createElement('span');
             newspan.setAttribute("id","Table");
         myspan.appendChild(newspan);                
             document.getElementById("Table").innerHTML=xmlHttp.responseText;
         xmlHttp.onreadystatechange=function() {};
         xmlHttp.abort();
         }    
    }
 
    xmlHttp.send(""); 
}

If any knows about the problem please let me know..

[acoder]

Please use code tags when posting code.

On line 23, change

xmlHttp.send("");

to

xmlHttp.send(null);

[baudSmoke]

The innerHTML is over writting html and not releasing it from memory. You will have to look for alternatives to innerHTML.

A JavaScript framework such as the MochiKit is free and can handle your ajax requests for you and resolve all browser incompatabilies .

I have not done this myself yet; so I cannot help you any further.

[mrkrunal]

Hi All,

I have a web application that calls an AjaxMethod every 1min based on a javascript timer. It appears that every time I call this ajax method, IE uses more memory.

My function goes like..

function ajaxFunction()  {  
 
   var xmlHttp;
   xmlHttp = new XMLHttpRequest();
   xmlHttp.open("GET","./currentActivityReport.do?action=RefreshCurrentActivity&"+parameter,true);
   xmlHttp.onreadystatechange=function()  {
 
    if(xmlHttp.readyState==4) {
 
             var myspan = document.getElementById('myspan'); 
             var table  = document.getElementById("Table");
         myspan.removeChild(table);
         table = null;
             var newspan = document.createElement('span');
             newspan.setAttribute("id","Table");
         myspan.appendChild(newspan);                
 
         xmlHttp.onreadystatechange=function() {document.getElementById("Table").innerHTML=xmlHttp.responseText;
};
         xmlHttp.abort();
         }    
    }
 
    xmlHttp.send(""); 
}

check ur code now............ .......and even if u r getting an error/problem then pur ur table in the function of xmlhttp.readyst atechange()

try..it and reply me if my tips would become helpful to u.............