Comunicare HTTP cu AngularJS

Când lucrăm cu Javascript normal este că, dacă dorim să obținem date de la un server, trebuie să facem cereri prin Ajax acest lucru ne face să trebuie să manipulăm diferitele metode HTTP pentru a avea răspunsurile corespunzătoare de la server.
AngularJS nu este diferit în această abordare și, prin urmare, trebuie să faceți cereri către servere prin HTTP Pentru a obține informațiile cu care să completați modelele de date, aceasta este baza oricărei aplicații.
În antichitate trebuia să manipulăm direct obiectul XMLHttpRequest în cadrul documentelor noastre cu Javascript astfel încât să putem obține datele și să trimitem cererile diferite, acest lucru a dus la un cod extrem de lung, repetitiv și nu foarte lizibil, pentru un eșantion să vedem o schemă standard de cereri din epocile trecute:

După cum putem vedea, mai întâi a trebuit să definim cum să gestionăm răspunsul la cerere, stabilind metodele standard și, de asemenea, a trebuit să gestionăm erorile manual, în cele din urmă am deschis conexiunea la server și am trimis datele. Acest lucru la vremea respectivă era ceva revoluționar, totuși greutatea aplicării sale a dus la modernizarea tuturor acestor lucruri.
Acum mergem cu aproximativ 10 ani înainte și am făcut-o AngularJS care simplifică modul în care comunicăm cu serverele prin HTTP, pentru aceasta avem Interfață XHR care ne permite să efectuăm apeluri asincrone către diferite servere și cu diferite metode HTTP, acest lucru face ca implementarea anterioară să pară simplificată și ușurează dezvoltarea așa cum putem vedea în următorul exemplu:

Aici vedem cum cu metoda obține () numit cu variabila $ http, putem invoca o cale de server și, de asemenea, să trecem parametrii într-un mod simplu, atunci dacă avem un răspuns reușit putem executa o acțiune și în cazul în care avem un răspuns de eroare putem executa una diferită.
ComparaţieDacă comparăm modalitățile dintre vechi și ceea ce s-a realizat cu AngularJSVedem că nu există niciun punct comun în afară de funcționalitate, desigur, forma veche este cea care a dat loc tuturor lucrurilor pe care le putem avea astăzi pentru a putea face dezvoltarea mai rapidă și mai puțin confuză.
În exemplul anterior am văzut cum să facem o solicitare prin OBȚINECu toate acestea, putem folosi toate metodele disponibile în HTTP, să vedem ce avem la dispoziție:

• OBȚINE
• CAP
• POST
• ȘTERGE
• A PUNE
• JSONP

După cum putem vedea, avem mai multe de ales, utilizarea uneia sau a celeilalte va proveni din cerința noastră, așa că, dacă dorim să consultăm ceva, vom folosi OBȚINE, dacă dorim să trimitem date, vom folosi POST, să vedem în exemplul următor cum să faceți o cerere POST:

Vedem cum putem transmite variabile care conțin date diferite în cadrul cererii și folosim metoda post () în acest caz pentru a ne referi la metoda HTTP dorită.
Cu aceasta terminăm acest tutorial, am văzut cum putem gestiona diferitele metode din AngularJS și îmbunătățirea experimentată de-a lungul anilor în ceea ce privește modalitățile anterioare de realizare a comunicării prin HTTP cu serverele.V-a plăcut și ați ajutat acest tutorial?Puteți recompensa autorul apăsând acest buton pentru a-i oferi un punct pozitiv