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

【问题标题】：How to automatically update a page without refreshing in django?如何在 django 中自动更新页面而不刷新？
【发布时间】：2021-07-24 10:05:13
【问题描述】：

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

【问题讨论】：

你用 ajax 做了什么尝试，什么没用？将您的代码添加到问题中。

标签： javascript python jquery django ajax

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

【讨论】：

【解决方案2】：

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

【讨论】：