Содержимое загрузки Jquery затем обновляется каждые 2 секунды

Question

У меня возникли проблемы с решением этой проблемы. Я пытаюсь загрузить страницу, обрабатывающую переменную, заданную формой ввода, а затем отображать содержимое на основе ввода, это сработало нормально, но я также пытаюсь обновить и обновлять, что подаваемые через каждые 2 секунды

Ниже приведены мои коды

<script> 
$(document).ready(function(){ 
     function getData(){ 
     $("#dateslot").change(function(){ 
     var inputField= $('#dateslot').val(); 
     $("#timeslot").load('burgerorder_check.php?dateselect='+inputField); 
     }); 
     setTimeout(getData,1000); 
     }; 
     getData(); 

}); 
</script> 

Я пытаюсь создать функцию, которая, если кто-то взял, что вы не сможете, который я успешно закодировал, но не для части обновления.

Answer 1

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

Также, используйте setInterval, если вы хотите повторить функцию. setTimeout - просто задержка.

var val; // the select value is stored here 

$("#dateslot").change(function(){ 
    val = $(this).val(); // change the value 
} 
setInterval(getData,1000); 
getData(); 
function getData(){ 
    if (val) { 
     $("#timeslot").load('burgerorder_check.php?dateselect='+val); 
    } 
}