AngularJS. $http servisi bilan ishlash

Salom hammaga. Bugungi maqolada nihoyat servislar bilan ishlab ko’ramiz.
$http servis bilan ishlaymiz.

AngularJSda $http servisi HTTP protokoli orqali so’rovlar yani
request lar jo’natish uchun ishlatiladi. $http servisi orqali HTTP protokolidan:

1. GET
2. POST
3. PUT
4. DELETE

turdagi so’rovlar jo’natish imkoniyatini beradi. Misol uchun biron bir manzilga GET so’rov jo’natish:

$http.get('/bironbirManzil').success(function(data, status, config, headers, statusText) { 
// manzil yani URLga so'rov amalga oshirilganda bajariladigan kodni shu yerga yozasiz
}).error(function(data, status, config, headers, statusText) {
// urlga so'rov amalga oshirilmagan bajariladigan kodni shu yerga yozasiz
});

bu kodda $http.get() orqali URLga so’rov jo’natamiz.Keyin success() callback orqali hamma narsa amalga oshirilgan nima bo’lishini yozamiz, error() callback orqali error yani URLga so’rov amalga oshmaganda nima bo’lishini ko’rsatamiz.

Bularning barchasi callback orqal yoziladi.

Ana endi haqiqiy misolda ko’rib chiqamiz. Avval index.html, bilan app.js fayllarini yarating.

app.js:

var myApp = angular.module('myApp', []);
myApp.controller('MainCtrl', function ($scope, $http) {
    $http.get('http://siteUrl/test').success(function(data, status) {
        $scope.posts = data;    
    }).error(function(data) {
        $scope.posts = data;
        alert('Ma`lumotlar olinmadi'); 
    });
});

index.html:

• {{post.name}}

app.js http://siteUrl/test urlga get so’rov jo’natadi keyin urldagi response yani natijani posts $scopega yozadi. Index.html esa ng-repeat direktivi orqali natijanilarni chiqaradi.