htmxを使ってみる

1. 目的

htmx を使ってみる。

2. デモ

3. ソースコード

<script src="https://unpkg.com/htmx.org@2.0.1"></script>
<button hx-post="/js-test/016/clicked.php" hx-swap="outerHTML">
Click Me
</button>

• ボタンを押すと、/js-test/016/clicked.php に対して Ajaxリクエストが送信される。
• このボタンのHTMLが、レスポンスで返ってきた文字列で置き換わる。
• scriptタグに defer/async 属性をつけてはいけない？

4. 参考

• htmx (high power tools for html)
• HTMX doesn't work if included with `async` · Issue #2329 · bigskysoftware/htmx