CRUD nədir?

CRUD — məlumatlar üzərində aparılan əsas əməliyyatları təsvir edən qısaltmadır:

• Create (Yaradıcılıq): Yeni məlumatların əlavə olunması.
• Read (Oxuma): Mövcud məlumatların alınması.
• Update (Yeniləmə): Mövcud məlumatların dəyişdirilməsi.
• Delete (Silinmə): Məlumatların silinməsi.

Frontend inkişafında, bu əməliyyatlar API vasitəsilə backend ilə qarşılıqlı əlaqədə olarkən çox vaxt HTTP metodlarına uyğun gəlir:

CRUD Əməliyyatı	HTTP Metodu	Təsviri
Create	POST	Məlumatların yaradılması üçün göndərilir.
Read	GET	Məlumatların sorğulanması.
Update	PUT / PATCH	Məlumatların yenilənməsi üçün göndərilir.
Delete	DELETE	Məlumatların silinməsi üçün sorğu.

REST API ilə qarşılıqlı əlaqə üçün JavaScript istifadə edərək frontend-də nümunə:

// Tutaq ki, user obyekti var və onu serverdə yaratmaq istəyirik
fetch('/api/users', {
  method: 'POST', // Yaradıcılıq
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Yeni İstifadəçi', email: 'yeni.istifadeci@ornek.com' }),
})
  .then(response => response.json())
  .then(data => console.log('İstifadəçi yaradıldı:', data))
  .catch(error => console.error('İstifadəçi yaradılmasında xəta:', error));

// Məlumatların oxunması nümunəsi
fetch('/api/users/1') // ID-si 1 olan istifadəçi üçün
  .then(response => response.json())
  .then(data => console.log('İstifadəçi məlumatları:', data))
  .catch(error => console.error('İstifadəçi alınarkən xəta:', error));

// Məlumatların yenilənməsi nümunəsi
fetch('/api/users/1', {
  method: 'PUT', // Yeniləmə
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Yenilənmiş İstifadəçi' }),
})
  .then(response => response.json())
  .then(data => console.log('İstifadəçi yeniləndi:', data))
  .catch(error => console.error('İstifadəçi yeniləməsində xəta:', error));

// Məlumatların silinməsi nümunəsi
fetch('/api/users/1', {
  method: 'DELETE', // Silinmə
})
  .then(response => {
    if (response.ok) {
      console.log('İstifadəçi silindi');
    } else {
      console.error('Silinmədə xəta:', response.status);
    }
  })
  .catch(error => console.error('Silinmədə xəta:', error));