hx-select

これまでは部分的な HTML を取得していましたが、hx-select を利用することで部分的な HTML でなく、<html> <head> <body> のような HTMLページ全体を取得した際の一部の id を指定して読み込むことができます。

サンプルの静的なHTMLファイル  faq1.html / faq2.html / faq3.html

<button hx-post="/faq/faq1.html" hx-select="#main-contents">
    demo
</button>

※ #main-contents を #data-contents に変更してみよう!