JQuery.Ajax получение данных

Question

Я пытаюсь получить данные, хранящиеся в другом URL.Есть текстовое поле, в котором я хочу установить значение, полученное из URL-адреса каждую 1 секунду (содержание URL-адреса постоянно меняется каждую секунду).Как я могу это сделать?Я не хочу обновлять всю страницу каждую секунду.Вместо этого необходимо обновить только поле.Но в моем коде поле не установлено так, как задумано, и оно пустое.

Что не так с моей идеей / подходом?

HTML,

<div class="form-group">
<label class="" for="temperature">Temp.:</label>
<input type="text" id="temperature" class="form-control">
</div>

Мой ajax / jquery,

$(document).ready(function() {
    setInterval(function() {
        $.ajax('/theURLData', {
            success: function(data, status, xhr) {
                $('#temperature').val(data);
            }
        });
    }, 1000);
});

Answer 1

Я не думаю, что setInterval(function()… работает как задумано здесь.Попробуйте следующее,

<script type = "text/javascript"> 
  $(document).ready(function f() {
    $.ajax('/theURLData', {
        success: function(data, status, xhr) {
            $('#temperature').val(data);
            setTimeout(f, 1000);
        }
    });
}); 
</script>