Повторное использование переменной внутри jquery.ajax

Question

У меня есть следующая функция. Эта функция вызывается с помощью setTimeout по форме submit.

function get_progress(fileID, filename) { 
$.ajax({ 
    url: filename, 
    type: 'HEAD', 
    success: function() { 
     $.ajax({ 
      type: 'POST', 
      url: 'read_file.php', 
      data: 'filename=' +filename, 
      success: function(html) { 
       document.getElementById(fileID).innerHTML = html + ' <img src="images/loading.gif" />' 
       setInterval("get_progress(fileID,filename)",400); 
      } 
     }); 
    } 
});} 

Я столкнулся с ошибками, как только setInterval запускается при успешном завершении. Похоже, что fileID и filename - пустые переменные, несмотря на то, что они имеют значения до того, как код достигнет состояния успеха.

Почему это происходит? Должен ли я назначать их как глобальные переменные?

Answer 1

Это не работает, потому что setInterval со строкой оценивает код в глобальном масштабе. Вы должны сделать это с помощью анонимной функции вместо, что создает замыкание:

setInterval(function() { 
    get_progress(fileID,filename); 
} ,400); 

Из MDC documentation for window.setInterval:

Используя этот синтаксис [строку кода] не рекомендуется по тем же причинам, используя eval()

Answer 2

Попробуйте это:

success: function(html) { 
    $('#' + fileid).append('<img src="images/loading.gif" />'); 
    setInterval(function() { 
     get_progress(fileID,filename); 
    }, 400); 
}