HTTP комуникация с AngularJS

Когато работим с Javascript нормалното е, че ако искаме да получим данни от сървър, трябва да правим заявки чрез Аякс това ни кара да манипулираме различните методи HTTP за да получите правилните отговори от сървъра.
AngularJS не се различава в този подход и затова трябва да правите заявки към сървъри чрез HTTP За да се получи информацията, с която да се попълнят моделите на данни, това е основата на всяко приложение.
В древни времена трябваше директно да манипулираме обекта XMLHttpRequest в рамките на нашите документи с Javascript за да можем да получим данните и да изпратим различните заявки, това доведе до изключително дълъг, повтарящ се и не много четим код, за пример нека видим стандартна схема на заявки от минали епохи:

Както виждаме, първо трябваше да дефинираме как да обработваме отговора на заявката, установявайки стандартните методи и също така трябваше да обработваме грешки ръчно, накрая отворихме връзката със сървъра и изпратихме данните. Това по онова време беше нещо революционно, но тромавостта на приложението му доведе до модернизация на всичко това.
Сега се движим с около 10 години напред и имаме AngularJS който опростява начина, по който комуникираме със сървърите чрез HTTP, за това имаме XHR интерфейс което ни позволява да правим асинхронни повиквания към различните сървъри и с различните методи HTTP, това прави предишното внедряване да изглежда опростено и улеснява разработката, както можем да видим в следния пример:

Тук виждаме как с метода get () извикани с променливата $ http, можем да извикаме път на сървъра и също така да предадем параметри по прост начин, тогава ако имаме успешен отговор, можем да изпълним някои действия и в случай на отговор на грешка можем да изпълним различен.
СравнениеАко сравним начините между старото и постигнатото AngularJSВиждаме, че едва ли има други общи точки, освен функционалността, разбира се, старата форма е това, което отстъпи място на всичко, което можем да имаме днес, за да можем да направим развитието по -бързо и по -малко объркващо.
В предишния пример току -що видяхме как да направим заявка чрез ПОЛУЧАВАЙТЕ, но можем да използваме всички налични методи в HTTP, нека видим какво имаме на разположение:

• ПОЛУЧАВАЙТЕ
• ГЛАВА
• POST
• ИЗТРИЙ
• СЛАГАМ
• JSONP

Както виждаме, имаме няколко за избор, използването на едното или другото ще дойде от нашето изискване, така че ако искаме да се консултираме с нещо, ще използваме ПОЛУЧАВАЙТЕ, ако искаме да изпратим данни, които ще използваме POST, нека да видим в следния пример как да направите заявка POST:

Виждаме как можем да предаваме променливи, съдържащи различни данни в рамките на заявката, и използваме метода post () в този случай, за да се позовем на желания HTTP метод.
С това завършихме този урок, видяхме как можем да се справим с различните методи в AngularJS и подобрението, което е настъпило през годините по отношение на предишните начини за постигане на комуникация чрез HTTP със сървърите.Хареса ли ви и помогнахте на този урок?Можете да възнаградите автора, като натиснете този бутон, за да му дадете положителна точка