Cover
AJAX Admin & Verktøy 45 min • Nivå: 8/10

Statuspanel for backup- og restore-jobber

Gi admin en tydelig oversikt over fremdrift, feil og fullføring.

Du trenger:

Moderne nettleser, fetch API og grunnleggende kjennskap til HTML og JavaScript.

Statuspanel for backup- og restore-jobber

Gi admin en tydelig oversikt over fremdrift, feil og fullføring.

Hva bygger vi?

Denne guiden viser et avansert mønster som passer direkte inn i WEBoracle sin måte å jobbe på: modulært, testbart og tydelig nok til at du kan vedlikeholde det senere uten å gjette deg frem.

Hvorfor fungerer dette?

AJAX-laget er det brukeren faktisk kjenner på i hverdagen. Responsivitet, tydelige feil og forutsigbar state gjør hele verktøyet mer profesjonelt.

Løsningen er delt i små ansvarlige biter: først validerer vi input og forutsetninger, deretter kjører vi selve kjernelogikken, og til slutt returnerer vi et resultat som frontend eller kontrollpanel kan forstå uten spesialtilfeller.

Stegvis gjennomgang

  1. Definer kontrakten: hva som må inn, og hva som skal ut.
  2. Isoler den følsomme delen av logikken i en egen funksjon eller tjeneste.
  3. Logg bare det du trenger for revisjon og feilsøking.
  4. Gjør løsningen idempotent eller konfliktbevisst der data kan komme flere ganger.

Eksempelkode

async function backupStatus(payload = {}) {
  const response = await fetch('/ajax/backup-status.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();
}

Hva bør du passe på?

  • Unngå skjult kobling mellom UI og lagringslag.
  • Bruk eksplisitte feilmeldinger i backend, men ikke lekk interne detaljer til sluttbruker.
  • Hold dataformat, logikk og presentasjon adskilt så du kan bytte én del uten å knekke resten.

Når er dette mønsteret riktig?

Bruk det når samme problem dukker opp flere steder i systemet, eller når en enkel inline-løsning fort blir vanskelig å teste. For WEBoracle er dette typisk innlogging, publisering, import, søk, adminverktøy og integrasjoner.

Videre arbeid

Neste naturlige steg er å knytte løsningen til kontrollpanelet, legge på gode tester og sørge for at audit-logg eller helseendepunkt fanger opp viktige feiltilstander.