hente metode i JavaScript | Forklart

Fetch () -metoden er hovedsakelig koblet til bruk av webteknologi (kjent som Ajax) som utveksler data med webservere asynkront i bakgrunnen. For å sette inn Ajax på nettstedet bruker vi JQuery lett. Selv om denne prosessen er enkel og reduserer kodelinjene. Dette kan imidlertid føre til en ekstra belastning på 100 kb på nettstedet.

Utviklere bruker XMLHttpRequest for å inkludere Ajax ved hjelp av Pure JavaScript. Imidlertid har det også en ulempe, at vi trenger å kode noen unødvendige ting som heller ikke er bra. For å eliminere alle disse ulempene, introduserte JavaScript ES6 -versjonen Fetch () -metoden. Med andre ord, Fetch () -metoden kan refereres til som erstatning av Ajax.

Når du viser viktigheten av henting () -metoden, tar dette innlegget som mål å tjene følgende utfall:

• How Fetch () -metoden fungerer i JavaScript?
• Hvordan bruke Fetch () -metode i JavaScript?

How Fetch () -metoden fungerer i JavaScript?

JavaScript Fetch () -metoden gir oss alle funksjonalitetene som Ajax har. Fetch () -metoden kan brukes til å opprette, hente, oppdatere og slette operasjoner med serveren. I denne metoden er kodingen veldig mindre, og den er også rask sammenlignet med xmlhttpRequest. En annen viktig ting er at denne metoden fungerer på en live -server.

Syntaks
Den detaljerte arbeidsstrømmen av henting () -metoden er forklart nedenfor.

hente (fil/url)

Fetch () -metoden tar filsti som en parameter. Når denne metoden utføres, gir den et løfte (et løfte er akkurat som en stat), er et løfte enten vellykket eller mislyktes.

hente (fil/url).deretter()

Hvis løftet er vellykket, bruker vi da () -funksjonen med Fetch () -metoden.

hente (fil/url).deretter (funksjon (resp_variable) return resp_variable.data;)

Etter det lager vi en funksjon der vi får et svar fra serveren som en parameter inne i funksjonen. Serveren sender en datafil som deretter blir sendt som et svar.

hente (fil/url).deretter (funksjon (resp_variable) return resp_variable.data;).deretter()

Den første da () -funksjonen gir også et løfte, og dette løftet brukes i den andre da () -funksjonen.

hente (fil/url).deretter (funksjon (resp_variable) return resp_variable.data;).deretter (funksjon (res_variable)
konsoll.logg (res_variable);)

Resultatet fra serveren vises i den andre da () -funksjonens kropp. Her representerer res_variabel variabelen som inneholder et faktisk resultat som vises for brukeren.

hente (fil/url).deretter (funksjon (resp_variable)
Return RESP_Variable.data;
).deretter (funksjon (res_variable)
konsoll.logg (res_variable);
).fangst (funksjon (err_variable)
konsoll.logg (err_variable);
);

I syntaks ovenfor, fil/url representerer banen til serversiden språkfilen. De Resp_Variable betegner svaret fra serveren når hente -metoden ber om banen. De res_variabel representerer variabelen som lagrer den endelige responsen etter Resp_Variable funksjonen utføres og err_variabel representerer variabelen som lagrer en feil hvis den oppstår.

Catch () -funksjonen brukes til å håndtere feil når serveren ikke svarer eller filen, vi sender inneholder feil.

Hvordan bruke henting () -metoden i JavaScript?

I JavaScript tar Fetch () -metoden en filsti som en parameter og bruker funksjonen for å returnere serverresponsen. Etter det sendes serverresponsen igjen til serveren som vil returnere resultatet. La oss forstå bruken av Fetch () -metoden gjennom et praktisk eksempel.

Kode

Hent ("Fet/Read.tekst").deretter (funksjon (r)
retur r.tekst();
).deretter (funksjon (res)
konsoll.logg (res);
);

I denne koden ber Fetch -metoden en lese.txt -fil etter den da () -funksjonen får serverresponsen og returnerer den til serveren igjen. Til slutt bruker vi igjen den da () -funksjonen for å vise resultatet.

Produksjon

Ovennevnte utgang viser at Fetch () -metoden ber om en lese.tekst fil og får et oppfylt løfte til gjengjeld. Etter det bruker den da () -funksjonen dette løftet og får serverresponsen og bruker den inne i kroppen for å returnere responsen sammen med tekst() metode. Til slutt, den andre deretter() Metoden får resultatet og viser innholdet i lesingen.txt -fil.

Det er all informasjonen om Fetch () -metoden i JavaScript. Du har forstått arbeid og bruk av Fetch () -metoden i JavaScript.

Konklusjon

I JavaScript brukes Fetch () -metoden til å utføre CRUD -operasjoner som innsetting, oppgradering, lesing og sletting av data fra serveren. For å gjøre det, fremsetter Fetch () -metoden en forespørsel til serveren, og de nødvendige dataene lastes på nettsiden etter godkjenning av forespørsel. Denne beskrivende manualen gir detaljert informasjon om arbeids- og bruken av Fetch () -metoden i JavaScript.