Javascript Ajax数据获取

我尝试获取存储在另一个url中的数据。有一个文本字段，我想在其中设置每1秒从url检索的值（url的内容每秒钟都在不断变化）。我该怎么做？我不希望每秒刷新整个页面。相反，只有字段必须刷新。但是，在我的代码中，该字段未按预期设置，并且为空

我的想法/方法有什么问题

Html

---

我认为

setInterval（function（）…

在这里不能正常工作

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

$（文档）.ready（函数f（）{
$.ajax（“/theURLData”{
成功：功能（数据、状态、xhr）{
$（'温度'）.val（数据）；
设置超时（f，1000）；
}
});
}); 

do

console.log（data）；

在

$（“#temperature”）.val（data）；

之前，查看控制台中的输出。告诉我们输出您确定调用成功吗？检查“开发工具”窗口的“网络”选项卡并验证响应

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

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