使用jQuery的Ajax获取数据

Question

我想获取存储在另一个URL中的数据。有一个文本字段，我想每秒设置从URL检索到的值（每秒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);
});

- javascriptbeginner

---

在 $('#temperature').val(data); 之前执行 console.log(data); 并查看控制台输出的内容。告诉我们输出结果。 - Alive to die - Anant

你确定调用成功了吗？请检查开发工具窗口的网络选项卡并验证响应。 - Tyddlywink

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>

- Soner from The Ottoman Empire