Servis $http služi za AJAX (Asynchronous JavaScript and XML) vezu sa serverom. To konkretno znači učitavanje dodatnog sadržaja sa servera nakon što se stranica već učitala u browser. Naravno bez reload-a te stranice.
Osnovna sintaxa $http()
Osnovna sintaxa za $http servis prikazana je dolje. Podaci koji dolaze sa servera sadržani su u response varijabli.
Konfiguriranje $http(config)
Parametar config je ustvari objekt koji definira metodu, url, parametre, itd.
1. method: GET | POST - definira metodu prijenosa podataka
2. URL: 'put/do/fajla.php' - definira put do fajla iz kojeg se crpe podaci
3. params: [{key1: 'value1', key2: 'value2'}] - GET zahtjev, tj. key:value par pa će se
npr. dobiti put/do/fajla.php?key1=value1&key2=value2
4. data: 'var=value' - POST zahtjev. Obavezno staviti headers: {'Content-Type': 'application/x-www-form-urlencoded'}.
5. headers: headData - header koji se šalje na server
6. cache: false | true | obj - omogućava keširanje podataka sa servera tako da pri drugom istom $http zahtjevu će se koristiti taj cache
7. timeout: miliseconds - vrijeme u ms za koje će se čekati odgovor sa servera
8. transformRequest: fja() - pretvara object u JSON format
Primjer upotrebe $http() servisa:
pokreni primjer
» HTML code
Primjetiti da se u AngularJS 1.2.9 za ng-bind-html mora upotrijebiti angular-sanitize.min.js te dodati dependency
['ngSanitize'] pre definiranju modula.
GET - $http.get()
Metoda get() skraćena je verzija od $http(config).
Primjer upotrebe $http.get() metode:
pokreni primjer
» HTML code
Primjetiti da se u AngularJS 1.2.9 za ng-bind-html mora upotrijebiti angular-sanitize.min.js te dodati dependency
['ngSanitize'] pre definiranju modula.
POST - $http.post()
Metoda post() skraćena je verzija od $http(config).