JQuery erfrischende Seite führt zum Browser nicht genügend Speicher

Question

Ich habe den folgenden jQuery-Code, der eine HTML-Seite abruft, die ich jede Sekunde erzeuge. Nach einer Weile führt dies zu einem nicht ausreichenden Speicherfehler. Wie repariert man?

Answer 1

Wenn die neuen Anforderungen ausgelöst werden, bevor das vorherige Ereignis beendet wurde, vergewissern Sie sich, dass die vorherige Anforderung abgeschlossen ist, bevor Sie erneut aufrufen. Ich habe den Code unten nicht wirklich getestet, aber er sollte Sie in die richtige Richtung weisen. Verwenden Sie setTimeout und recursion anstelle von setInterval. Offensichtlich gibt diese Lösung keine scharfen Ein-Sekunden-Intervalle, wenn sie aus irgendeinem Grund benötigt werden (mehr als eine Sekunde plus den Anforderungszyklus, der auf die Netzwerkbedingungen des Benutzers zurückzuführen ist), aber ich nehme an, dass Sie nur eine Gesicht stimulierte Aktualisierung und strikt benötigen Timing ist nicht entscheidend.

Immer noch ich zweitens die Kommentare oben, dass 1 Sekunde HTTP-Anfrage-Intervall ist riskant und ein wenig missbräuchlich für beide Browser und Server, und so sollte es einen wirklich guten Grund, es zu verwenden.

$(document).ready(function() { 
    function refresh(){ 
     $.get('some_page.html', function (data) { 
      $('#some_div').html(data); 

      // call itself recursively 
      setTimeout(refresh, 1000); 
     });    
    }; 

    // init 
    refresh(); 
});