blob: 27d5fc65630af1181fb651de0f520dd3faacc3ec (
plain) (
blame)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
|
+++
title = "hx-get"
+++
The `hx-get` attribute will cause an element to issue a `GET` to the specified URL and swap
the HTML into the DOM using a swap strategy:
```html
<button hx-get="/example">Get Some HTML</button>
```
This example will cause the `button` to issue a `GET` to `/example` and swap the returned HTML into
the `innerHTML` of the `button`.
### Notes
* `hx-get` is not inherited
* By default `hx-get` does not include any parameters. You can use the [hx-params](@/attributes/hx-params.md)
attribute to change this
* You can control the target of the swap using the [hx-target](@/attributes/hx-target.md) attribute
* You can control the swap strategy by using the [hx-swap](@/attributes/hx-swap.md) attribute
* You can control what event triggers the request with the [hx-trigger](@/attributes/hx-trigger.md) attribute
* You can control the data submitted with the request in various ways, documented here: [Parameters](@/docs.md#parameters)
* An empty `hx-get:""` will make a get request to the current url and will swap the current HTML page
|
