HTTP-communicatie met AngularJS

Wanneer we werken met Javascript de normale zaak is dat als we gegevens van een server willen verkrijgen, we verzoeken moeten doen via Ajax hierdoor moeten we de verschillende methoden manipuleren HTTP om de juiste antwoorden van de server te krijgen.
AngularJS is in deze benadering niet anders en daarom moet u verzoeken aan servers doen via HTTP Om de informatie te verkrijgen om de datamodellen mee te vullen, is dit de basis van elke toepassing.
In de oudheid moesten we het object direct manipuleren XMLHttpRequest binnen onze documenten met Javascript zodat we de gegevens konden verkrijgen en de verschillende verzoeken konden verzenden, dit resulteerde in extreem lange, repetitieve en niet erg leesbare code, laten we voor een voorbeeld een standaardverzoekschema uit vroegere tijdperken bekijken:

Zoals we kunnen zien, moesten we eerst definiëren hoe we het antwoord op het verzoek moesten afhandelen, de standaardmethoden vaststellen en moesten we ook fouten handmatig afhandelen, ten slotte openden we de verbinding met de server en stuurden we de gegevens. Dit was destijds iets revolutionairs, maar de omslachtigheid van de toepassing ervan leidde tot een modernisering van dit alles.
Nu gaan we ongeveer 10 jaar vooruit en we hebben AngularJS wie vereenvoudigt de manier waarop we communiceren met servers via HTTP, hiervoor hebben we de XHR-interface waarmee we asynchrone oproepen kunnen doen naar de verschillende servers en met de verschillende methoden HTTP, hierdoor ziet de vorige implementatie er vereenvoudigd uit en wordt de ontwikkeling eenvoudiger, zoals we in het volgende voorbeeld kunnen zien:

Hier zien we hoe met de methode krijgen () aangeroepen met de $ http-variabele, kunnen we een serverpad aanroepen en ook parameters op een eenvoudige manier doorgeven, en als we een succesvol antwoord hebben, kunnen we een actie uitvoeren en in het geval van een foutreactie kunnen we een andere uitvoeren.
VergelijkingAls we de manieren vergelijken tussen het oude en wat is bereikt met AngularJSWe zien dat er nauwelijks andere punten zijn dan functionaliteit, natuurlijk heeft de oude vorm plaats gemaakt voor alles wat we vandaag de dag kunnen hebben om ontwikkeling sneller en minder verwarrend te maken.
In het vorige voorbeeld zagen we net hoe je een aanvraag doet via KRIJGEN, maar we kunnen alle methoden gebruiken die beschikbaar zijn in HTTP, laten we eens kijken wat we beschikbaar hebben:

• KRIJGEN
• HOOFD
• NA
• VERWIJDEREN
• NEERZETTEN
• JSONP

Zoals we kunnen zien, hebben we er verschillende om uit te kiezen, het gebruik van de een of de ander komt van onze behoefte, dus als we iets willen raadplegen, zullen we gebruiken KRIJGEN, als we gegevens willen verzenden, gebruiken we NA, laten we in het volgende voorbeeld kijken hoe u een verzoek kunt indienen NA:

We kijken hoe we variabelen met verschillende gegevens kunnen doorgeven binnen de aanvraag en we gebruiken in dit geval de methode post () om naar de gewenste HTTP-methode te verwijzen.
Hiermee sluiten we deze tutorial af, we hebben gezien hoe we met de verschillende methodes kunnen omgaan in AngularJS en de verbetering die in de loop der jaren is ervaren met betrekking tot eerdere manieren om communicatie via HTTP met de serveerders.Vond je deze Tutorial leuk en heb je eraan geholpen?Je kunt de auteur belonen door op deze knop te drukken om hem een ​​positief punt te geven