08_AngularJs_$http_Kullanımı

Merhaba arkadaşlar, bu yazımda $http servisini anlatacağım.

$http => $http hizmeti, tarayıcının XMLHttpRequest nesnesi veya JSONP aracılığıyla uzak HTTP sunucularıyla iletişimi kolaylaştıran temel bir
AngularJS hizmetidir.

Şimdi $http servislerinden $http.get() metodunu örnek ile inceleyelim ve $http servisini anlayalım:

İndex.html

ng-repeat direktifi kullanılarak $scope nesnesine bağlı olan users listesi döndürülüyor ve table elementi içerisinde yazdırılıyor.

App.js

Modül tanımlaması yapıldı. Controller içerisine $scope ve $http bağımlılıkları-nesneleri ekleniyor.

$http servisinin get() metoduna parametre olarak json uzantısı döndüren api url’i verdik. then() metodu ile get() metodundan sonra yapılacak işlemler yapılır. Eğer işlem başarılıysa successCallback metodu çalışır. Eğer işlem başarısız ve hatalıysa errorCallback metodu çalışır.

Burada işlem başarılı bir şekilde gerçekleştiğinden successCallback metodu çalışır ve response nesnesi servisimizden geri döndürülür. Response nesnesinin datasını users değişkenine atıyorum ve index.html sayfamızda yazdırıyorum.

Bu yazıyı burada bitiriyorum diğer yazılarımda görüşmek üzere….

Print Friendly, PDF & Email

Bir cevap yazın

E-posta hesabınız yayımlanmayacak. Gerekli alanlar * ile işaretlenmişlerdir