hx-get
을 통해 GET 요청을 받았던 것 처럼
POST도 유사한 요청 방법을 사용한다 hx-post
<button hx-post="/data"
hx=swap="innerHTML"
hx-target="#data">
Load fresh data
</button>
<div id="data"></div>
만약 /data 가 GET 요청과 같은 데이터를 반환한다면 똑같은 방법으로 동작한다.
그러나 POST는 컨셉적으로 endpoint에 data를 보내기 위해 사용된다.
forms같은 것을 사용함!
POST로 form 형태를 보내기 위해서는 약간의 필드를 hx-params
를 사용해 필터링 할 필요가 있고 hx-include
를 사용해 다른 입력을 포함받을 수도 있다.
Typically you have a form like this
<form
hx-post="/projects"
hx-target="#result">
<input name="name" />
<button type="submit">Add</button>
</form>
This is equivalent to:
<form>
<input name="name" />
<button
type="submit"
hx-post="/projects"
hx-target="#result">
Add
</button>
</form>