Ի՞նչ է CRUD-ը։

CRUD — դա կրճատում է, որը նկարագրում է հիմնական գործողությունները, որոնք կատարվում են տվյալների վրա:

• Create (Ստեղծել): Նոր տվյալների ավելացում:
• Read (Կարդալ): Կանոնավոր տվյալների ստացում:
• Update (Թարմացնել): Կանոնավոր տվյալների փոփոխություն:
• Delete (Ջնջել): Տվյալների ջնջում:

Ֆրոնտենդ զարգացման մեջ այս գործողությունները հաճախ համապատասխանում են HTTP մեթոդներին՝ բեքենդի հետ API-ի միջոցով շփվելու ժամանակ:

CRUD գործողություն	HTTP մեթոդ	Նկարագրություն
Create	POST	Տվյալների ուղարկում ստեղծելու համար:
Read	GET	Տվյալների հարցում:
Update	PUT / PATCH	Տվյալների թարմացում:
Delete	DELETE	Տվյալների ջնջում:

JavaScript-ի օգտագործմամբ ֆրոնտենդում REST API-ի հետ շփվելու օրինակ:

// Ենթադրենք, ունենք user օբյեկտ և այն պետք է ստեղծենք սերվերում
fetch('/api/users', {
  method: 'POST', // Create
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Նոր օգտվող', email: 'new.user@example.com' }),
})
  .then(response => response.json())
  .then(data => console.log('Օգտվողը ստեղծվեց:', data))
  .catch(error => console.error('Ստեղծման սխալ:', error));

// Տվյալների ընթերցման օրինակ
fetch('/api/users/1') // Read (համապատասխան օգտագործողի ID-ով 1)
  .then(response => response.json())
  .then(data => console.log('Օգտագործողի տվյալները:', data))
  .catch(error => console.error('Սխալ տվյալների ստացման ժամանակ:', error));

// Տվյալների թարմացման օրինակ
fetch('/api/users/1', {
  method: 'PUT', // Update
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Թարմացված օգտվող' }),
})
  .then(response => response.json())
  .then(data => console.log('Օգտագործողը թարմացվեց:', data))
  .catch(error => console.error('Սխալ թարմացման ժամանակ:', error));

// Տվյալների ջնջման օրինակ
fetch('/api/users/1', {
  method: 'DELETE', // Delete
})
  .then(response => {
    if (response.ok) {
      console.log('Օգտագործողը ջնջվեց');
    } else {
      console.error('Սխալ օգտվողի ջնջման ժամանակ:', response.status);
    }
  })
  .catch(error => console.error('Սխալ ջնջման ժամանակ:', error));