Question

我有一个生成两个随机数的API，我希望Jquery和AJAX每秒获得一个新数字。数据不令人耳目一新。没有控制台错误。

<html>
<head>
    <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
    <script>
        $(document).ready(function () {
            setInterval(function() {
                $SCRIPT_ROOT = {{ request.script_root|tojson|safe }};
                $.getJSON($SCRIPT_ROOT+"/API",
                    function(data) {
                        $("#rand1").text(data.rand1)
                        $("#rand2").text(data.rand2)
                    });
            },
        1000);
        });

    </script>

</head>
<body>

    <div id="rand1"></div>
    <div id="rand2"></div>
</body>
</html>

我看到的只有输出（数字只是一个例子）：

{
  "rand1": 0.8547685117870685, 
  "rand2": 0.8581594988448931
}

编辑：此问题被标记为可能重复。另一个问题提供了可行的解决方案，但实施了不同的方法。我想保留我的基本代码并获得帮助，找出它为什么不起作用。

Jquery SetInterval不刷新来自API的数据

0 个答案: