Speicherverlust mit AJAX-Anfragen + jQuery

Question

Ich erhalte wiederholt ein JSON-Objekt vom Server mit AJAX-Aufrufen. Mit der Zeit wächst der Speicherverbrauch des Browsers (versucht mit Chrome, Safari, Firefox). Mit den Half-Snapshots von Chrome habe ich festgestellt, dass die Timestamp-Zeichenfolgen ohne Referenzen bleiben. Wenn ich eine Sequenz von Snapshots mache, sehe ich, dass die Anzahl der Strings ständig zunimmt.

$(function() { 
    var latestTimestamp = 0; 

    function fetchData() { 
     $.get("/parameter?format=json&since=" + latestTimestamp, gotData) 
    } 

    function gotData(data) { 
     latestTimestamp = data['timestamp']; 
     setTimeout(fetchData, 250); 
    } 

    fetchData(); 
}); 

Andere Anmerkungen:

• ich jQuery 1.7.1 mit bin. EDIT: Habe gerade mit 1.6.2 und 1.4.2 versucht, gleiches Problem.
• Die timestamp im JSON-Objekt ist eigentlich eine ganze Zahl, keine Zeichenfolge. Die akkumulierenden Strings könnten also temporäre Werte sein?
• Das Entfernen der + latestTimestamp aus der AJAX-Anforderung stoppt das Leck.
• Ein schneller setTimeout (20ms) verursacht das Leck schneller. Ich dachte, die schnelle Auszeit könnte daran schuld sein, also habe ich es auf 250ms reduziert, aber das hat nicht geholfen.

Answer 1

Sobald Sie mit den Daten fertig sind [], können Sie es loswerden:

function gotData(data) { 
    latestTimestamp = data['timestamp']; 
    delete data; 
    setTimeout(fetchData, 250); 
} 

Answer 2

Ich glaube, das Problem liegt bei jQuery und/oder Browsern. Ich habe ähnliche Lecks mit oft AJAX-Anrufen gesehen.

Anstatt den Server vier Mal pro Sekunde abzufragen, sollten Sie Daten vom Server zum Client übertragen. Ich weiß nicht, auf welcher Plattform Sie verwenden, aber wenn es .Net Sie vielleicht einen Blick auf SignalR

https://github.com/SignalR/SignalR

http://www.hanselman.com/blog/AsynchronousScalableWebApplicationsWithRealtimePersistentLongrunningConnectionsWithSignalR.aspx

Answer 3

Haben Sie clear Javascript-Funktion versuchen zu nehmen? Wenn nicht, bitte versuchen Sie es.

var abc=null; 
function gotData(data) { 
latestTimestamp = data['timestamp']; 
data=null; 
clearTimeout(abc); 
abc=setTimeout(fetchData, 250); 
}