Question

数据值发生变化时，Ajax应加载数据，无需任何点击或刷新页面。

这就是我累了。

＆＃13;

        $.getJSON('www.yourtradelog.com/api/first-hour-trades', function(data) {
            $.each(data, function(firstHourTrades, element) {
                $("#msg1").append($('<div>', {
                    text: element.first
                }));
            });
        });

＆＃13;

<div class="row">
    <div class="col-6 col-sm-4">  <p id = 'msg1'> first</p> </div>
   
</div>

＆＃13;

为什么我要在加载页面时刷新页面？我不希望点击或页面刷新。

Answer 1

由于AJAX调用是从页面启动的，因此它不会知道数据在后端发生了变化。一个简单的解决方案是在JS中使用setInterval来定期检查来自后端的数据。但这不是推荐的方法。

[ 
  [{"x" : date1, "y" : valueA }, {"x" : date2, "y" : valueB }, {"x" : date3, "y" : valueC }, {"x" : date4, "y" : undefined }],
  [{"x" : date1, "y" : undefined }, {"x" : date2, "y" : undefined },{"x" : date3, "y" : valueD }, {"x" : date4, "y" : valueE }]
]

更完整的解决方案是使用后端的WebSockets将数据推送到前端。

Ajax从API加载数据而无需单击或页面刷新

1 个答案: