LeadOcean'ı tanıtıyoruz:AI Destekli Potansiyel Müşteri Oluşturma, Özenle Seçilmiş Veriler, Kolay Ölçeklenebilirlik

Vue.Js ile Axios Kullanımı

Vue.Js ile Axios Kullanımı
Emir Eskici

Emir Eskici

PlusClouds Meraklısı

Axios Nedir?
En basit hali ile client side uygulamalarda HTTP işlemlerini kolay bir şekilde yapabilmemizi sağlayan bir JavaScript kütüphanesidir. 
Axios Kurulumu
Npm, yarn ve CDN ile kurulumunu yapabiliriz.
Npm ile Kurulum

$ npm install axios

Yarn ile Kurulum

$ yarn add axios

CDN ile Kurulum

Axios.get() Metodu ile Ufak Bir Örnek
Axios’un get() Metodu ile Ufak bir API Örneği yapalım


import axios from 'axios' // axios'u yükledikten sonra kullanmak için import ediyoruz
export default {
data(){
    return{
        users:null, //users adlı içi boş bir değişken oluşturdum 
    }},
  methods:{
    function (){
    axios.get('https://jsonplaceholder.typicode.com/users').then((response) => { 
    // api'yi çektik ve arkasından yapılacak işlemler için then() metodunu kullandık
     this.users = response.data; // bize dönen response içerisinde ki data objesine ulaştık ve users adlı değişkene atadık
     console.log(this.users); // şimdi ise dönen sonuçları görmek için konsola yazdırdık
     })
  }
}
}

Konsol Çıktısı
drawing

Örnekte ki Sonucu Görselleştirelim
Bootstrap yardımı ile ufak tablo oluşturalım ve api’den gelen verileri bu tabloya yerleştirelim

Ve Sonuç…

result

Sales

Ürün bilgisi

Yazarlar ve gazeteciler arıyoruz!

Yazarlar ve gazeteciler arıyoruz!

İşletmeler ve sektörlerle ilgili konularda derinlemesine araştırma yapmak isteyen bir gazeteciyseniz, sizinle çalışmak istiyoruz!

Hadi konuşalım ve birlikte harika işler yapalım!

Bu Kategorideki Diğer Yazılar

Diğer Dillerde Görüntüle

AutoQuill, sizin için bağlı pazarlama içeriği yazar ve paylaşır.
Otomatik Tüy Kalem
AutoQuill, sizin için bağlı pazarlama içeriği yazar ve paylaşır.

Kazandığın En Kolay Para

PlusClouds'ün yan kuruluş ortaklarına sunmaya başladığı AutoQuill aracıyla, içerik üreticileri tek bir tıklamayla satış yapabilecekler. Bu devrimden nasıl payınızı alabileceğinizi size gösterelim.

Bir Haber Blogu Önerin
Bir Haber Blogu Önerin
Bir haberin mi var? Bilmemiz gereken bir şey mi?
Raporlayıcı ile İletişime Geçin

Henüz bir hesabınız yok mu? O halde hemen başlayalım.

Eğer bir hesabınız varsa, giriş yaparak Leo'ya gidebilirsiniz.