如何在 django 中自动更新页面而不刷新？

Question

我正在股票市场上使用 Django 创建一个网站。 我正在从 API 获取实时股市数据。 我想每 5 秒更新一次股票的实时价格（由 API 给出）。 如何在不刷新页面的情况下执行此操作？ 我发现 Ajax 对此非常有帮助，但我无法正确实施。 因此，有人可以举一个 Html 页面中所需的代码示例，以使用 Ajax 更新值。 我正在考虑使用单独的 URL 可以以 JSON 格式发送数据。 如果可能，请帮助我。

Answer 1

您需要使用setInterval或setTimeout ：

使用 ES5

var $price = $('#price');

var interval = setInterval(function() {
   fetch('api').then(function(res) {
      return res.json();
   }).then(function(json) {
      $price.html(json.price);
   });
}, 1000);

使用更现代的 JavaScript：

const $price = $('#price');

var interval = setInterval(async function() {
   const res = await fetch('api');
   const json = await res.json();
   $price.html(json.price);
}, 1000);

Answer 2

为此，您最好使用 django 通道 您将需要使用异步 django 视图，我认为这是完成工作的最准确方法