htmx：如果子表单有效则更新父片段

如何解决htmx：如果子表单有效则更新父片段

我正在学习 htmx 的“在线 html 片段”方法。

我的 HTML 页面中有一个“父”标签，其中包含一个表单子元素。

案例 1：如果子表单被提交并且无效，那么我想重新显示子表单 (hx-swap="outerHTML")。这工作正常。

案例 2：如果子表单被提交并且有效，那么我想重新刷新父表单。

我查看了 hx-swap-oob，但这需要是从服务器发送到客户端的 HTML 的属性。

这是可能的，但是将属性放入父标记中有点脏。

有没有办法触发类似 oob 的东西，但为什么是 http-header？

解决方法

根据您网站的其余部分，我建议您在表单成功发布后使用 hx-trigger response header 在您的网站上触发一个新事件。您可以使用 htmx、hyperscript、javascript 或其他任何方式来侦听此事件并采取必要的操作。