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));