在页面加载时加载 div，然后每隔 n 秒使用 htmx？

Posted 2023-05-07

【中文标题】在页面加载时加载 div，然后每隔 n 秒使用 htmx？

【英文标题】：Load div on page load and then every n seconds with htmx?

【发布时间】：2022-01-09 23:08:36

【问题描述】：

HTMX 我知道我可以投票，例如像这样每 2 秒“/news”：

<div hx-get="/news" hx-trigger="every 2s">div>

但在页面加载后第一次触发之前需要 2 秒。我想要做的是在页面加载后立即触发对“/news”的调用，然后然后每2秒轮询一次。

我尝试过以下方法：

<div hx-get="/news" hx-trigger="on load or every 2s">div>

和

<div hx-get="/news" hx-trigger="on htmx:afterOnLoad or every 2s">div>

但这些都不起作用。如何使用 HTMX 做到这一点？

（我知道这通常是 HTMX 的一种不好的做法，因为您可以在响应中包含来自服务器的数据，但出于好奇我想知道 :)）

【参考方案1】：

您可以添加多个以逗号分隔的触发器。所以这应该可以工作：

<div hx-get="/news" hx-trigger="load, every 2s">div>

【讨论】：

我很接近 :) 谢谢！