Как продолжительную проверить, сколько файлов в папке с AJAX и PHP

Question

Так что сейчас я продолжительные отправками XMLHttpRequests с GET на PHP скрипт, который дает мне обратно количество файлов в папке.

Я повторил функцию javascript с помощью setInterval(), и он работает очень хорошо, но я хочу, чтобы setInteral() остановился, как только я вернусь к определенному числу из своего PHP-скрипта.

Вот мой код:

<script> 
    function checkmedia(url,format) { 
     var format1 = format; 
     var xhttp = new XMLHttpRequest(); 
     xhttp.onreadystatechange = function() { 
      if (this.readyState == 4 && this.status == 200) { 
       progress = this.responseText; 
       document.getElementById("progress").innerHTML = 
        this.responseText; 
      } 
     }; 
     xhttp.open("GET", 'checkfilecount.php?userurl='+url+'&act=run&format-option=' + format, true); 
     xhttp.send(); 
     if(progress != "100") { 
     var media_progress = setInterval(checkmedia.bind(null,url,format1), 10000); 
     } 
    } 
</script> 

Как я называю это XMLHttpRequest продолжительным и несколько раз (за стол) я получаю утечку памяти.

Любой вид помощи приветствуется. Благодарю.

Answer 1

setInterval() функция многократно вызывает функцию с заданным интервалом. setTimeout() функция вызывает функцию раз после заданной задержки. Вы использовали неправильный ...

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

Вы могли бы назвать setInterval() из вне функции, измените if, чтобы решить, следует ли называть clearInterval(), чтобы остановить все это (Blaze Sahlzen's answer показывает, как сделать это аккуратно), но я думаю, что это гораздо проще использовать setTimeout() вместо :

function checkmedia(url, format) { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
    if (this.readyState == 4 && this.status == 200) { 
     progress = this.responseText; 
     document.getElementById("progress").innerHTML = this.responseText; 
     if (progress != "100") { 
     setTimeout(checkmedia.bind(null, url, format), 10000); 
     } 
    } 
    }; 
    xhttp.open("GET", 'checkfilecount.php?userurl=' + url + '&act=run&format-option=' + format, true); 
    xhttp.send(); 
} 

Вы хотели бы добавить код для обработки ошибок Ajax, но я оставлю это в качестве упражнения для читателя.

Answer 2

Вот один из способов, в котором вы можете подойти к этой ситуации:

function check(url, format) { 

    function checkmedia(url, format) { 
    var xhttp = new XMLHttpRequest(); 
    xhttp.onreadystatechange = function() { 
     if (this.readyState == 4 && this.status == 200) { 
     document.getElementById("progress").innerHTML = this.responseText; 

     if (Number(this.responseText) === 100) { 
      clearInterval(media_progress); 
     } 
     } 
    }; 
    xhttp.open("GET", 'checkfilecount.php?userurl=' + url + '&act=run&format-option=' + format, true); 
    xhttp.send(); 
    } 

    var media_progress = setInterval(checkmedia.bind(null, url, format), 10000); 
} 

check('your_url', 'your_format'); 

Использование clearInterval вы можете остановить setInterval функцию, когда вы достигли определенного условия.