如何中止htmx请求？

Question

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

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()