Komunikacja HTTP z AngularJS

Kiedy pracujemy z JavaScript normalną rzeczą jest to, że jeśli chcemy uzyskać dane z serwera, musimy wysyłać żądania za pośrednictwem Ajaks to sprawia, że ​​musimy manipulować różnymi metodami HTTP w celu uzyskania właściwych odpowiedzi z serwera.
AngularJS nie różni się w tym podejściu i dlatego musisz wysyłać żądania do serwerów za pośrednictwem HTTP W celu uzyskania informacji, którymi należy wypełnić modele danych, jest to podstawa każdej aplikacji.
W starożytności musieliśmy bezpośrednio manipulować obiektem Żądanie XMLHttp w naszych dokumentach z JavaScript abyśmy mogli uzyskać dane i wysyłać różne żądania, co zaowocowało wyjątkowo długim, powtarzalnym i mało czytelnym kodem, dla przykładu zobaczmy standardowy schemat żądań z minionych epok:

Jak widać najpierw musieliśmy zdefiniować sposób obsługi odpowiedzi na żądanie, ustalić standardowe metody, musieliśmy też ręcznie obsłużyć błędy, w końcu otworzyliśmy połączenie z serwerem i wysłaliśmy dane. Było to na owe czasy coś rewolucyjnego, jednak uciążliwość jego stosowania doprowadziła do unowocześnienia tego wszystkiego.
Teraz idziemy około 10 lat do przodu i mamy AngularJS kto upraszcza sposób komunikowania się z serwerami za pośrednictwem HTTP, do tego mamy Interfejs XHR co pozwala nam wykonywać asynchroniczne wywołania do różnych serwerów i przy użyciu różnych metod HTTP, sprawia to, że poprzednia implementacja wygląda na uproszczoną i ułatwia programowanie, jak widać na poniższym przykładzie:

Tutaj widzimy jak z metodą dostwać () wywołana ze zmienną $ http, możemy wywołać ścieżkę serwera, a także przekazać parametry w prosty sposób, wtedy jeśli otrzymamy pomyślną odpowiedź możemy wykonać jakąś akcję, a w przypadku wystąpienia błędu możemy wykonać inną.
PorównanieJeśli porównamy drogi między starym a tym, co zostało osiągnięte za pomocą AngularJSWidzimy, że nie ma prawie żadnych wspólnych punktów poza funkcjonalnością, oczywiście stara forma jest tym, co ustąpiło miejsca wszystkiemu, co możemy mieć dzisiaj, aby móc tworzyć szybsze i mniej zagmatwane.
W poprzednim przykładzie widzieliśmy, jak złożyć wniosek przez DOSTWAĆ, jednak możemy skorzystać ze wszystkich metod dostępnych w HTTP, zobaczmy, co mamy dostępne:

• DOSTWAĆ
• GŁOWA
• POCZTA
• KASOWAĆ
• UMIEŚCIĆ
• JSONP

Jak widać mamy do wyboru kilka, użycie jednego lub drugiego będzie wynikało z naszych wymagań, więc jeśli chcemy coś skonsultować, skorzystamy DOSTWAĆ, jeśli chcemy przesłać dane, których użyjemy POCZTA, zobaczmy w poniższym przykładzie, jak złożyć wniosek POCZTA:

Widzimy, jak możemy przekazać zmienne zawierające różne dane w żądaniu i używamy w tym przypadku metody post(), aby odwołać się do żądanej metody HTTP.
Na tym kończymy ten samouczek, widzieliśmy, jak radzimy sobie z różnymi metodami w AngularJS oraz poprawę, która nastąpiła na przestrzeni lat w stosunku do poprzednich sposobów osiągania komunikacji poprzez: HTTP z serwerami.Podobał Ci się i pomógł ten samouczek?Możesz nagrodzić autora, naciskając ten przycisk, aby dać mu pozytywny punkt