AngularJS $http ile get, post işlemlerini çok basit bir şekilde json verisi dönecek url adresi parametre olarak geçip ardından success fonksiyonu ile olumlu sonuç dödüğünde verilere erişebiliyoruz.
AngularJS $http ile get, post işlemlerini gerçekleştirme
AngularJS $http ile get, post işlemlerini çok basit bir şekilde json verisi dönecek url adresi parametre olarak geçip ardından success fonksiyonu ile olumlu sonuç dödüğünde verilere erişebiliyoruz.
$http Angular sınıfını kullanarak get işlemi ile json verilerini çekip sayfada nasıl bastırıldığını göreceğiz şimdi sırasıyla html ve javascript kodlarını sizlerle paylaşalım.
Örnek
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 | <!DOCTYPE html> <html ng-app="demo"> <head> <script src="https://code.angularjs.org/1.4.0-beta.4/angular.js"></ script> <script src="script.js"></ script> </head> <body ng-controller="MainController"> <div ng-repeat="person in persons"> <h1>{{person.name.first + " " + person.name.last }}</h1> <h2>({{person.greeting}})</h2> <img rel="lightbox" width="128" src="{{person.picture}}" /> <p><small><strong>Favori Meyvesi: </strong> {{person.favoriteFruit}}</small></p> <label><strong>Arkadaşları</strong></label> <ul> <li ng-repeat="friend in person.friends">{{friend.name}}</li> </ul> <hr> </div> </body> </html> |
Javascript
1 2 3 4 5 6 | var app = angular.module("demo",[]); app.controller("MainController",function($scope, $http){ $http.get("http://beta.json-generator.com/api/json/get/PwecmHa").success(function(res){ $scope.persons = res; }); }); |
Parametre olarak geçtiğimiz url adresine dikkatinizi çekmek istiyorum bu adresten ranstgele üretilmiş json verilerini çekebilmekteyiz Rastgele veri üreten sayfaya ulaşmak için buraya tıklayınız.
Sonuç
Http altında kullanabileceğiniz seçenek get ve post ile sınırlı değil bunlar haricinde $http.head, $http.put, $http.delete, $http.jsonp, $http.patch gibi seçenekleride ihtiyacınız doğrultusunda kullanabilirsiniz.
Daha detalı bilgi için buradaki sayfaya gözatmanızı öneririm