Przeciek pamięci z żądaniami AJAX + jQuery

Question

Powtarzam pobieranie obiektu JSON z serwera przy użyciu wywołań AJAX. Z czasem rośnie wykorzystanie pamięci przeglądarki (wypróbowane w Chrome, Safari, Firefox). Korzystając z migawek sterty Chrome odkryłem, że ciągi znacznika czasu są pozostawione bez odnośników. Jeśli wykonam sekwencję migawek, widzę, że liczba Ciągów stale rośnie.

$(function() { 
    var latestTimestamp = 0; 

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

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

    fetchData(); 
}); 

Inne uwagi:

• używam jQuery 1.7.1. EDYCJA: Próbowałem po prostu z 1.6.2 i 1.4.2, ten sam problem.
• Obiekt timestamp w obiekcie JSON jest w rzeczywistości liczbą całkowitą, a nie ciągiem. Czy więc akumulujące się struny mogą być wartościami tymczasowymi?
• Usunięcie + latestTimestamp z żądania AJAX zatrzymuje wyciek.
• Szybszy setTimeout (20 ms) powoduje szybszy wyciek. Myślałem, że może to być szybki czas oczekiwania, więc zmniejszyłem go do 250 ms, ale to nie pomogło.

Answer 1

Kiedy skończysz z danych [], można się go pozbyć:

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

Answer 2

wierzę, to problem leży z jQuery i/lub przeglądarek. Widziałem podobny wyciek z często połączeń AJAX.

Zamiast przepytywać serwer 4 razy na sekundę, rozważ przesłanie danych z serwera do klienta. Nie wiem, co platforma używasz, ale jeśli jest to .Net warto przyjrzeć SignalR

https://github.com/SignalR/SignalR

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

Answer 3

Próbowałaś clearTimeout funkcji JavaScript? jeśli nie, spróbuj tego.

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