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>