CRUD чӣ гуна иҷро мешавад?

CRUD маънои Create, Read, Update, Delete мебошад. Ин амалҳои асосӣ мебошанд, ки бо маълумотҳо иҷро мешаванд.

Create (Эҷод): Пасфосила бо усули POST ба нуқтаи охир барои эҷоди манбаи нав. Танаи талабот одатан маълумоти объекти навро дар бар мегирад.

// Мисолҳо бо истифода аз Fetch API
fetch('/api/items', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'New Item' }),
})
  .then(response => response.json())
  .then(data => console.log('Эҷод шуд:', data));

Read (Хондан): Пасфосила бо усули GET.

• Хондани ҳамаи манбаъҳо: дархости GET ба нуқтаи асосии коллексия.
• Хондани манбаи мушаххас: дархости GET ба нуқтаи охир бо идентификатори манбаъ.

// Хондани ҳама
fetch('/api/items')
  .then(response => response.json())
  .then(data => console.log('Ҳамаи ашёҳо:', data));

// Хондани мушаххас
fetch('/api/items/123')
  .then(response => response.json())
  .then(data => console.log('Ашёи 123:', data));

Update (Навсозӣ): Пасфосила бо усули PUT ё PATCH ба нуқтаи охир бо идентификатори манбаъ.

• PUT: ивазкунии пурраи манбаи мавҷуда.
• PATCH: навсозии қисман.

// Навсозӣ (PUT)
fetch('/api/items/123', {
  method: 'PUT',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ name: 'Updated Item' }),
})
  .then(response => response.json())
  .then(data => console.log('Навсозӣ шуд:', data));

// Қисман навсозӣ (PATCH)
fetch('/api/items/123', {
  method: 'PATCH',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({ description: 'New Description' }),
})
  .then(response => response.json())
  .then(data => console.log('Patch шуд:', data));

Delete (Насб кардан): Пасфосила бо усули DELETE ба нуқтаи охир бо идентификатори манбаъ.

fetch('/api/items/123', {
  method: 'DELETE',
})
  .then(response => {
    if (response.ok) {
      console.log('Бароварда шуд');
    } else {
      console.error('Насб кардан ноком шуд');
    }
  });

Вазъият бо REST API:

Операцияҳои CRUD ба принсипҳои REST (Representational State Transfer) сахт пайвастанд, ки дар он усулҳои HTTP барои иҷрои ин амалҳо бар рӯи манбаъҳо истифода мешаванд:

CRUD	HTTP Метод
Create	POST
Read	GET
Update	PUT/PATCH
Delete	DELETE

Дар пеши HTML, иҷрои CRUD дар бар мегирад ирсол кардани ин дархостҳои HTTP ба API-и сервер ва коркарди ҷавобҳои гирифташуда. Бештар, китобхонаҳо барои кор бо HTTP (масалан, Axios, Fetch API) ва рамкаҳо/китобхонаҳо барои идоракунии ҳолат ва UI (масалан, React, Vue, Angular) истифода мешаванд.