HTTP -kommunikation med AngularJS

När vi jobbar med Javascript det normala är att om vi vill skaffa data från en server måste vi göra förfrågningar via Ajax detta gör att vi måste manipulera de olika metoderna HTTP för att få rätt svar från servern.
AngularJS är inte annorlunda i detta tillvägagångssätt och därför måste du göra förfrågningar till servrar via HTTP För att få informationen för att fylla datamodellerna är detta grunden för alla applikationer.
I forna tider var vi tvungna att manipulera objektet direkt XMLHttpRequest i våra dokument med Javascript så att vi kunde hämta data och skicka de olika förfrågningarna resulterade detta i extremt lång, repetitiv och inte särskilt läsbar kod, för ett exempel, låt oss se ett standardförfrågningsschema från tidigare epoker:

Som vi kan se måste vi först definiera hur vi ska hantera svaret på begäran, fastställa standardmetoderna och vi var också tvungna att hantera fel manuellt, slutligen öppnade vi anslutningen till servern och skickade data. Detta vid den tiden var något revolutionerande, men omständligheten i dess tillämpning ledde till en modernisering av allt detta.
Nu går vi cirka 10 år framåt och det har vi gjort AngularJS som förenklar sättet vi kommunicerar med servrar via HTTP, för detta har vi XHR -gränssnitt som gör att vi kan ringa asynkrona samtal till de olika servrarna och med de olika metoderna HTTP, detta gör att den tidigare implementeringen ser förenklad ut och gör utvecklingen enklare som vi kan se i följande exempel:

Här ser vi hur med metoden skaffa sig () kallas med $ http -variabeln, kan vi anropa en serverväg och även skicka parametrar på ett enkelt sätt, så om vi har ett lyckat svar kan vi utföra en åtgärd och om vi får ett felrespons kan vi utföra en annan.
JämförelseOm vi ​​jämför sätten mellan det gamla och det som har uppnåtts med AngularJSVi ser att det knappast finns några gemensamma punkter än funktionalitet, naturligtvis är den gamla formen som gav vika för allt vi kan ha idag för att kunna göra utvecklingen snabbare och mindre förvirrande.
I föregående exempel såg vi precis hur man gör en förfrågan via SKAFFA SIG, men vi kan använda alla tillgängliga metoder i HTTP, låt oss se vad vi har tillgängligt:

• SKAFFA SIG
• HUVUD
• POSTA
• RADERA
• SÄTTA
• JSONP

Som vi kan se har vi flera att välja mellan, användningen av det ena eller det andra kommer från vårt krav, så om vi vill konsultera något kommer vi att använda SKAFFA SIG, om vi vill skicka en data som vi kommer att använda POSTA, låt oss se i följande exempel hur man gör en begäran POSTA:

Vi ser hur vi kan skicka variabler som innehåller olika data inom begäran och vi använder post () -metoden i detta fall för att hänvisa till önskad HTTP -metod.
Med detta avslutar vi denna handledning, vi har sett hur vi kan hantera de olika metoderna i AngularJS och den förbättring som har upplevts genom åren med avseende på tidigare sätt att uppnå kommunikation via HTTP med servrarna.Gillade du och hjälpte denna handledning?Du kan belöna författaren genom att trycka på den här knappen för att ge honom en positiv poäng