HTTP komunikacija s AngularJS -om

Kad radimo s Javascript normalna stvar je da ako želimo dobiti podatke s poslužitelja moramo podnijeti zahtjeve putem Ajax to nas tjera da manipuliramo različitim metodama HTTP kako bi poslužitelj dobio odgovarajuće odgovore.
AngularJS se ne razlikuje u ovom pristupu i stoga morate slati zahtjeve poslužiteljima putem HTTP Kako bi se dobili podaci kojima se popunjavaju modeli podataka, to je osnova svake aplikacije.
U davna vremena morali smo izravno manipulirati objektom XMLHttpRequest unutar naših dokumenata sa Javascript kako bismo mogli dobiti podatke i poslati različite zahtjeve, to je rezultiralo izuzetno dugim, ponavljajućim i ne baš čitljivim kodom, za uzorak pogledajmo standardnu ​​shemu zahtjeva iz prošlih razdoblja:

Kao što vidimo, prvo smo morali definirati kako postupati s odgovorom na zahtjev, uspostavom standardnih metoda, a morali smo i ručno rješavati greške, konačno smo otvorili vezu s poslužiteljem i poslali podatke. To je u to vrijeme bilo nešto revolucionarno, međutim glomaznost njegove primjene dovela je do modernizacije svega ovoga.
Sada idemo 10 -ak godina naprijed i imamo AngularJS koji pojednostavljuje način naše komunikacije sa poslužiteljima putem HTTP, za ovo imamo XHR sučelje to nam omogućuje upućivanje asinkronih poziva različitim poslužiteljima i različitim metodama HTTP, to čini da prethodna implementacija izgleda pojednostavljeno i olakšava razvoj, kao što možemo vidjeti u sljedećem primjeru:

Ovdje vidimo kako s metodom dobiti () pozvana s varijablom $ http, možemo pozvati put poslužitelja i proslijediti parametre na jednostavan način. Ako imamo uspješan odgovor, možemo izvršiti neku radnju, a u slučaju odgovora na pogrešku možemo izvršiti drugu.
UsporedbaUsporedimo li načine između starog i postignutog AngularJSVidimo da jedva da postoje neke zajedničke točke osim funkcionalnosti, naravno da je stari oblik ustupio mjesto svemu što danas možemo imati kako bismo razvoj mogli učiniti bržim i manje zbunjujućim.
U prethodnom primjeru upravo smo vidjeli kako poslati zahtjev putem DOBITI, međutim možemo koristiti sve dostupne metode u HTTP, da vidimo što imamo na raspolaganju:

• DOBITI
• GLAVA
• POST
• IZBRISATI
• STAVITI
• JSONP

Kao što vidimo da imamo nekoliko za izabrati, uporaba jednog ili drugog dolazit će iz našeg zahtjeva, pa ćemo se ako želimo nešto posavjetovati upotrijebiti DOBITI, ako želimo poslati podatke koje ćemo koristiti POST, pogledajmo u sljedećem primjeru kako podnijeti zahtjev POST:

Vidimo kako možemo proslijediti varijable koje sadrže različite podatke unutar zahtjeva i koristimo metodu post () u ovom slučaju za pozivanje na željenu HTTP metodu.
Ovim smo završili ovaj vodič, vidjeli smo kako se možemo nositi s različitim metodama u AngularJS te poboljšanje koje je doživljeno godinama u odnosu na prethodne načine ostvarivanja komunikacije putem HTTP sa poslužiteljima.Je li vam se svidio i pomogao ovaj vodič?Autor možete nagraditi pritiskom na ovaj gumb kako biste mu dali pozitivan bod