Kas ir CRUD?

CRUD — tas ir saīsinājums, kas apraksta galvenās operācijas, kas veicamas ar datiem:

• Create (Izveidot): Pievienot jaunus datus.
• Read (Lasīt): Iegūt esošos datus.
• Update (Atjaunināt): Mainīt esošos datus.
• Delete (Dzēst): Dzēst datus.

Frontend izstrādē šīs operācijas bieži atbilst HTTP metodēm, sadarbojoties ar backend caur API:

CRUD operācija	HTTP metode	Apraksts
Create	POST	Sūtīt datus izveidei.
Read	GET	Pieprasīt datus.
Update	PUT / PATCH	Sūtīt datus atjaunināšanai.
Delete	DELETE	Pieprasīt datu dzēšanu.

Piemērs, kā realizēt ar JavaScript, sadarbojoties ar REST API:

// Pieņemsim, ka mums ir objekts user un to nepieciešams izveidot serverī
fetch('/api/users', {
  method: 'POST', // Create
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Jauns lietotājs', email: 'jauns.lietotajs@example.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Lietotājs izveidots:', data))
  .catch(error => console.error('Kļūda, izveidojot lietotāju:', error));

// Datu lasīšanas piemērs
fetch('/api/users/1') // Lasīt (lietotājs ar ID 1)
  .then(response => response.json())
  .then(data => console.log('Lietotāja dati:', data))
  .catch(error => console.error('Kļūda, iegūstot datus:', error));

// Datu atjaunināšanas piemērs
fetch('/api/users/1', {
  method: 'PUT', // Update
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Atjaunināts lietotājs' }),
})
  .then(response => response.json())
  .then(data => console.log('Lietotājs atjaunināts:', data))
  .catch(error => console.error('Kļūda, atjauninot:', error));

// Datu dzēšanas piemērs
fetch('/api/users/1', {
  method: 'DELETE', // Delete
})
  .then(response => {
    if (response.ok) {
      console.log('Lietotājs dzēsts');
    } else {
      console.error('Kļūda, dzēšot lietotāju:', response.status);
    }
  })
  .catch(error => console.error('Kļūda, dzēšot:', error));