jquery.Ajax 数据获取答案

【问题标题】：jquery.Ajax data obtainingjquery.Ajax 数据获取
【发布时间】：2019-11-19 21:06:17
【问题描述】：

我尝试获取存储在另一个 url 中的数据。有一个文本字段，我想在其中设置每 1 秒从 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);
});

【问题讨论】：

在$('#temperature').val(data); 之前执行console.log(data); 并查看控制台中的输出。告诉我们输出
你确定调用成功了吗？检查开发工具窗口的网络选项卡并验证响应

标签： javascript jquery html ajax

【解决方案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>

【讨论】：