JavaScript ile Axios Kullanımı

<script src="https://cdn.jsdelivr.net/npm/axios/dist/axios.min.js"></script>

npm install axios

yarn add axios

axios.get('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => {
    console.log(response.data); // API’den gelen veriyi göster
  })
  .catch(error => {
    console.error('Hata:', error);
  });

axios.post('https://jsonplaceholder.typicode.com/posts', {
    title: 'Yeni Post',
    body: 'Bu bir deneme gönderisidir.',
    userId: 1
  })
  .then(response => {
    console.log('Başarıyla gönderildi:', response.data);
  })
  .catch(error => {
    console.error('Hata:', error);
  });

axios.put('https://jsonplaceholder.typicode.com/posts/1', {
    title: 'Güncellenmiş Başlık',
    body: 'Bu yazının içeriği güncellendi.',
    userId: 1
  })
  .then(response => console.log(response.data))
  .catch(error => console.error('Hata:', error));

axios.delete('https://jsonplaceholder.typicode.com/posts/1')
  .then(response => console.log('Silme başarılı', response.data))
  .catch(error => console.error('Hata:', error));

axios.all([
  axios.get('https://jsonplaceholder.typicode.com/posts/1'),
  axios.get('https://jsonplaceholder.typicode.com/posts/2')
])
.then(axios.spread((post1, post2) => {
  console.log('Post 1:', post1.data);
  console.log('Post 2:', post2.data);
}))
.catch(error => console.error('Hata:', error));

const api = axios.create({
  baseURL: 'https://jsonplaceholder.typicode.com',
  timeout: 1000,
  headers: { 'X-Custom-Header': 'myApp' }
});

// Artık `api.get()` ile aynı ayarları kullanarak çağrı yapabilirsin.
api.get('/posts')
  .then(response => console.log(response.data))
  .catch(error => console.error('Hata:', error));