HTTP -kommunikasjon med AngularJS

Når vi jobber med Javascript det normale er at hvis vi ønsker å skaffe data fra en server, må vi sende forespørsler via Ajax Dette gjør at vi må manipulere de forskjellige metodene HTTP for å få de riktige svarene fra serveren.
AngularJS er ikke annerledes i denne tilnærmingen, og derfor må du sende forespørsler til servere via HTTP For å få informasjonen du kan fylle datamodellene med, er dette grunnlaget for enhver applikasjon.
I antikken måtte vi manipulere objektet direkte XMLHttpRequest i våre dokumenter med Javascript slik at vi kunne skaffe dataene og sende de forskjellige forespørslene, resulterte dette i ekstremt lang, repeterende og lite lesbar kode, for et eksempel, la oss se et standard forespørselsopplegg fra tidligere epoker:

Som vi kan se, først måtte vi definere hvordan vi skulle håndtere svaret på forespørselen, etablere standardmetodene, og vi måtte også håndtere feil manuelt, til slutt åpnet vi forbindelsen til serveren og sendte dataene. Dette var på den tiden noe revolusjonerende, men omstendligheten i bruken av det førte til en modernisering av alt dette.
Nå går vi omtrent 10 år fremover, og det har vi gjort AngularJS som forenkler måten vi kommuniserer med servere via HTTP, for dette har vi XHR -grensesnitt som lar oss ringe asynkrone til de forskjellige serverne og med de forskjellige metodene HTTP, dette får den forrige implementeringen til å se forenklet ut og gjør utviklingen enklere som vi kan se i følgende eksempel:

Her ser vi hvordan med metoden få () kalt med $ http -variabelen, kan vi påkalle en serverbane og også passere parametere på en enkel måte, så hvis vi har et vellykket svar, kan vi utføre noen handlinger, og hvis vi får en feilrespons, kan vi utføre en annen.
SammenligningHvis vi sammenligner måtene mellom det gamle og det som er oppnådd med AngularJSVi ser at det knapt er noen andre felles punkter enn funksjonalitet, selvfølgelig er den gamle formen det som vekk for alt vi kan ha i dag for å kunne gjøre utviklingen raskere og mindre forvirrende.
I det forrige eksemplet så vi nettopp hvordan vi kan sende en forespørsel via FÅ, men vi kan bruke alle metodene som er tilgjengelige i HTTP, la oss se hva vi har tilgjengelig:

• FÅ
• HODE
• POST
• SLETT
• SETTE
• JSONP

Som vi kan se har vi flere å velge mellom, bruken av det ene eller det andre kommer fra kravet vårt, så hvis vi vil konsultere noe vi vil bruke FÅ, hvis vi vil sende data vi skal bruke POST, la oss se i eksemplet nedenfor hvordan du sender en forespørsel POST:

Vi ser hvordan vi kan sende variabler som inneholder forskjellige data i forespørselen, og vi bruker post () -metoden i dette tilfellet til å referere til ønsket HTTP -metode.
Med dette fullfører vi denne opplæringen, vi har sett hvordan vi kan håndtere de forskjellige metodene i AngularJS og forbedringen som har blitt opplevd gjennom årene med hensyn til tidligere måter å oppnå kommunikasjon på HTTP med serverne.Likte og hjalp du denne opplæringen?Du kan belønne forfatteren ved å trykke på denne knappen for å gi ham et positivt poeng