Čo je CRUD?

CRUD je skratka, ktorá popisuje základné operácie vykonávané nad údajmi:

• Create (Vytvoriť): Pridanie nových údajov.
• Read (Čítať): Získanie existujúcich údajov.
• Update (Aktualizovať): Zmena existujúcich údajov.
• Delete (Vymazať): Vymazanie údajov.

V frontendovom vývoji tieto operácie často zodpovedajú HTTP metódam pri komunikácii s backendom cez API:

CRUD operácia	HTTP metóda	Popis
Create	POST	Odoslať údaje na vytvorenie.
Read	GET	Požiadať o údaje.
Update	PUT / PATCH	Odoslať údaje na aktualizáciu.
Delete	DELETE	Požiadať o vymazanie údajov.

Príklad implementácie na frontend s použitím JavaScriptu na komunikáciu s REST API:

// Predpokladajme, že máme objekt user a je potrebné ho vytvoriť na serveri
fetch('/api/users', {
  method: 'POST', // Create
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Nový používateľ', email: 'novy.pouzivatel@example.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Používateľ vytvorený:', data))
  .catch(error => console.error('Chyba pri vytváraní používateľa:', error));

// Príklad čítania údajov
fetch('/api/users/1') // Read (pre používateľa s ID 1)
  .then(response => response.json())
  .then(data => console.log('Údaje používateľa:', data))
  .catch(error => console.error('Chyba pri načítaní používateľa:', error));

// Príklad aktualizácie údajov
fetch('/api/users/1', {
  method: 'PUT', // Update
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Aktualizovaný používateľ' }),
})
  .then(response => response.json())
  .then(data => console.log('Používateľ aktualizovaný:', data))
  .catch(error => console.error('Chyba pri aktualizácii používateľa:', error));

// Príklad vymazania údajov
fetch('/api/users/1', {
  method: 'DELETE', // Delete
})
  .then(response => {
    if (response.ok) {
      console.log('Používateľ vymazaný');
    } else {
      console.error('Chyba pri vymazaní používateľa:', response.status);
    }
  })
  .catch(error => console.error('Chyba pri vymazaní používateľa:', error));