使用htmx.trigger触发轮询

Question

我试图使用在div上使用JavaScript触发一个div轮询JavaScript行为。

这是div。

<div id="myId" hx-get="https://xxxx" hx-swap="innerHTML"></div>

这是触发器函数。

 htmx.trigger(
   htmx.find(`#myId`),
   "every 300ms"
 );

但这不管用。有什么方法可以获得这种行为吗？

Answer 1

您可以让您的JavaScript设置轮询间隔。然后，您可以触发一个自定义事件，并让您的div监听它。

要让服务器停止客户端轮询，请在响应标头中放置一个不同的自定义事件，并在客户机上侦听它。包括如果您的服务器是ASP.NET，您将如何添加响应头，因为我不确定您在运行服务器端的是什么。另外，innerHTML是默认的hx交换目标，因此可以省略。

HTMX：

<div id="myId" hx-get="https://xxxx" hx-trigger="myEvent"></div>

联署材料：

// start polling
function startpolling(){
var myPoller= setInterval(function () {  htmx.trigger("myId","myEvent"); }, 300);
}

// stop polling
document.body.addEventListener("stopPolling", function(evt){
    clearInterval(myPoller);
})

ASP.NET服务器代码：

HttpContext.Response.Headers.Add("HX-Trigger", "stopPolling");