jQuery « Утечки памяти при работе с jsonp в jquery

В веб-приложении делается много ajax-запросов. Из-за чего через несколько минут работы с приложением браузер уже ест по несколько сотен мегабайт памяти. Для обработки ajax используется метод $.getJSONP из jquery. Проблема точно в обработчике jsonp - специально запускал код, который только получает, но не обрабатывает jsonp. По идее jquery должен удалять уже использованные данные, или я ошибаюсь? Вот примерно так это работает:

/** * GeSHi (C) 2004 - 2007 Nigel McNie, 2007 - 2008 Benny Baumann * (http://qbnz.com/highlighter/ and http://geshi.org/) */ .javascript.geshi_code {font-family:monospace;} .javascript.geshi_code .imp {font-weight: bold; color: red;} .javascript.geshi_code .kw1 {color: #000066; font-weight: bold;} .javascript.geshi_code .kw2 {color: #003366; font-weight: bold;} .javascript.geshi_code .kw3 {color: #000066;} .javascript.geshi_code .co1 {color: #006600; font-style: italic;} .javascript.geshi_code .co2 {color: #009966; font-style: italic;} .javascript.geshi_code .coMULTI {color: #006600; font-style: italic;} .javascript.geshi_code .es0 {color: #000099; font-weight: bold;} .javascript.geshi_code .br0 {color: #009900;} .javascript.geshi_code .sy0 {color: #339933;} .javascript.geshi_code .st0 {color: #3366CC;} .javascript.geshi_code .nu0 {color: #CC0000;} .javascript.geshi_code .me1 {color: #660066;} .javascript.geshi_code span.xtra { display:block; }

function send(data, callback, address) {
  $.getJSON("http://"+address+"?callback=?",data,callback);
}
function check() {
  setTimeout(function() {
    send({r:1}, function(data) {
      check();
    });
  },checkTimeout);
}
 


Проблема наблюдается в Mozilla Firefox 3.6.3, Google Chrome 5 (оба браузера - последние стабильные версии). В других пока не проверял. На сайте jQuery обсуждались аналогичные утечки памяти, но только в IE и со старыми версиями библиотеки
0
getjson javascript jquery jsonp memory_leak

1 ответов

У Вас имеет место бесконечная рекурсия. Функция check постоянно вызывает сама себя.

Я бы переписал это так


var interval = 10000;

function send(data, callback) {
  $.getJSON("http://example.com/",data,callback);
}

function resonseHandler(data){
    /* обработка ответа сервера */
}
function sendByInterval() {
    send({r:1}, responseHandler);
}

setInterval(sendByInterval, interval);
 
4