htmx - 如何中止 htmx 请求？

Question

我有一些动态创建的表单字段，用于在 htmx:configRequest 中为 htmx hx-get 请求设置参数：

document.body.addEventListener('htmx:configRequest', function(evt) { 
// setting parameters here with evt.detail.parameters["key"] = value; 
})

在遍历我的输入时，如果其中任何一个为空，我想中止请求并提醒用户。我试过打电话

evt.detail.xhr.abort();

但我只是收到错误“未捕获的 TypeError：evt.detail.xhr 未定义。有谁知道该怎么做？

Answer 1

该事件在 ajax 请求之前触发。要在该点取消请求，请使用evt.preventDefault()