16 Aralık 2019 Pazartesi

axios

Giriş
Şu satırı dahil ederiz.
import axios from "axios";
axios iki şekilde kullanılabilir.

1. axios Promise döndürdüğü için asenkron olarak
2. try ve catch içinde veya

all metodu
Tüm işlemlerin bitmesini bekler. Şöyle yaparız.
axios.all([getObjectZero(), getObjectOne()])
create metodu
Örnek
Şöyle yaparız.
 // creating axios 
 const api = axios.create({
 baseURL: https://speech.googleapis.com/v1/operations,
 crossDomain: true,
 responseType: 'json',
 headers: {
 'Accept': 'application/json',
 'Content-Type': 'application/json',
 'Authorization':'your_key
 },
});

// calling api

api.get('/speech_name')
.then(res=>{
console.log(res);
}).
catch('error');
get metodu
Örnek
Açıklaması şöyle.
You'll have to access the Axios response's data to get the actual response payload.
Cevabın içindeki data alanına erişmek için şöyle yaparız.
export const getNews = async () => {
  const response = await axios.get("https://...");
  return response.data;
};
Örnek
Şöyle yaparız.
const objectZeroURL = 'http://example.com/objects[0].a';
const objectOneURL = 'http://example.com/objects[1].a';

function getObjectZero() {
  return axios.get(objectZeroURL);
}

function getObjectOne() {
  return axios.get(objectOneURL);
}
get metodu - url parametreleri
Şöyle yaparız.
const access_key ='my_key'
axios.get('http://data.fixer.io/api/2013-12-24', {
  params: {
    access_key: access_key,
    base: LKR,
    symbols: ETH
  }
})
.then(function (response) {
  console.log(response);
})
.catch(function (error) {
  console.log(error);
})
post metodu
Şöyle yaparız.
axios.post('/somewhere', {id: 123})
.catch(function (error){
  console.log(err)
})

Hiç yorum yok:

Yorum Gönder