CursorInfiniteScroller for lange lister
Laster flere rader med cursor-baserte svar i stedet for offset.
AJAX
Copy
Forutsetninger
Moderne nettleser og et backend-endpoint som svarer med JSON.
CursorInfiniteScroller for lange lister
Laster flere rader med cursor-baserte svar i stedet for offset.
Når bør du bruke scriptet?
Dette scriptet passer når du vil løse én konkret oppgave raskt, men fortsatt holde kvaliteten høy nok til at koden tåler å bli flyttet inn i produksjonsflyt senere.
Hvorfor er dette nyttig i WEBoracle?
WEBoracle kombinerer innhold, adminverktøy og backendflyt. Små, fokuserte scripts gjør det mulig å bygge funksjoner stegvis uten å blande alt inn i samme fil.
Kode
async function cursorInfiniteScroller(payload = {}) {
const response = await fetch('/ajax/cursor-infinite-scroller.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(payload)
});
if (!response.ok) {
throw new Error('Forespørselen feilet');
}
return response.json();
}
Tilpasning
- Bytt ut hardkodede navn og tabeller før produksjon.
- Legg til logging hvis scriptet kjører i adminnære eller sikkerhetskritiske løp.
- Pakk logikken inn i en tjeneste eller modul når du ser at den blir gjenbrukt.
Kode
async function cursorInfiniteScroller(payload = {}) {
const response = await fetch('/ajax/cursor-infinite-scroller.php', {
method: 'POST',
headers: {
'Content-Type': 'application/json',
'X-Requested-With': 'XMLHttpRequest'
},
body: JSON.stringify(payload)
});
if (!response.ok) {
throw new Error('Forespørselen feilet');
}
return response.json();
}