itsscb/htmx
1
0
Fork 0
mirror of https://github.com/bigskysoftware/htmx.git synced 2025-10-02 23:35:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

Merge pull request #759 from arcanemachine/patch-1

Browse Source 
add instructions for using `htmx.ajax()` with a callback
This commit is contained in:
1cg 2022-01-14 10:57:19 -07:00 committed by GitHub
commit bfacab1338
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 8 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
www/api.md
View File

@ -28,7 +28,7 @@ This method adds a class to the given element.
### <a name="ajax"></a> Method - [`htmx.ajax()`](#ajax) ### <a name="ajax"></a> Method - [`htmx.ajax()`](#ajax)
Issues an htmx-style AJAX request Issues an htmx-style AJAX request. This method returns a Promise, so a callback can be executed after the content has been inserted into the DOM.
##### Parameters ##### Parameters
@ -60,6 +60,13 @@ or
```js ```js
// issue a GET to /example and put the response HTML into #myDiv // issue a GET to /example and put the response HTML into #myDiv
htmx.ajax('GET', '/example', '#myDiv') htmx.ajax('GET', '/example', '#myDiv')
// execute some code after the content has been inserted into the DOM
htmx.ajax('GET', '/example', '#myDiv').then(() => {
// this code will be executed after the 'htmx:afterOnLoad' event,
// and before the 'htmx:xhr:loadend' event
console.log('Content inserted successfully!');
});
``` ```
### <a name="closest"></a> Method - [`htmx.closest()`](#closest) ### <a name="closest"></a> Method - [`htmx.closest()`](#closest)