Will automatically stop HTMX making a request if the current page URL equals the request URL.
HTMX recommends you link from unpkg:
<head>
...
<script src="https://unpkg.com/htmx-ext-no-load@^1/no-load.js" defer></script>
...
</head>If you are using Vite as a package manager.
npm install @rollup/plugin-inject htmx-ext-no-load// vite.config.js
import inject from '@rollup/plugin-inject'
import { defineConfig } from 'vite'
export default defineConfig({
plugins: [
inject({
htmx: 'htmx.org'
}),
],
})// app.js
import htmx from 'htmx.org'
import 'htmx-ext-no-load'Any time a user tries to load data that would be from the current browser path it will be intercepted and not loaded.
If you want to check individual targets (that aren't page URLs) then you can add to trigger elements:
<body>
<button hx-get="/your-endpoint" hx-ext="no-load">Click me</button>
</body>
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent