如何在 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 視圖，我認為這是完成工作的最准確方法