Copy-first script
AJAX Live Search Controller
Live-søk med enkel debounce.
Forutsetninger
Fetch API
Kan brukes på tags, kategorier, medlemmer og innhold.
Klar til bruk
Kodevindu
Koden er optimalisert for rask kopiering og videre tilpasning i eget prosjekt.
const input = document.querySelector("[data-live-search]");
const target = document.querySelector("[data-live-results]");
let timer = null;
input?.addEventListener("input", () => {
clearTimeout(timer);
timer = setTimeout(async () => {
const response = await fetch(`/ajax/search.php?q=${encodeURIComponent(input.value)}`);
target.innerHTML = await response.text();
}, 250);
});