Metodo di recupero in JavaScript | Spiegato

Il metodo Fetch () è principalmente connesso all'uso della tecnologia Web (nota come AJAX) che scambia i dati con i server Web in modo asincrono in background. Per inserire l'Ajax nel sito Web facilmente utilizziamo jQuery. Sebbene questo processo sia facile e riduce le righe di codice. Tuttavia, ciò può comportare un carico aggiuntivo di 100 kb sul sito Web.

Gli sviluppatori usano XMLHTTPREQUEST per includere l'Ajax con l'aiuto di Pure JavaScript. Tuttavia, ha anche uno svantaggio, che dobbiamo codificare alcune cose inutili che non sono buone. Per eliminare tutti questi svantaggi, la versione JavaScript ES6 ha introdotto il metodo Fetch (). In altre parole, il metodo Fetch () può essere definito la sostituzione dell'AJAX.

Tenendo conto dell'importanza del metodo Fetch (), questo post mira a servire i seguenti risultati:

• Come il metodo Fetch () funziona in JavaScript?
• Come utilizzare il metodo Fetch () in JavaScript?

Come il metodo Fetch () funziona in JavaScript?

Il metodo JavaScript () ci fornisce tutte le funzionalità che Ajax ha. Il metodo Fetch () può essere utilizzato per creare, recuperare, aggiornare ed eliminare le operazioni con il server. In questo metodo, la codifica è molto inferiore ed è anche rapida rispetto a XMLHTTPREQUEST. Un'altra cosa importante è che questo metodo funziona su un server live.

Sintassi
Di seguito è spiegato il flusso di lavoro dettagliato del metodo Fetch ().

Fetch (file/url)

Il metodo Fetch () prende il percorso del file come parametro. Quando questo metodo esegue, restituisce una promessa (una promessa è proprio come uno stato), una promessa ha successo o fallito.

Fetch (file/url).Poi()

Se la promessa ha esito positivo, utilizziamo la funzione allora () con il metodo Fetch ().

Fetch (file/url).Quindi (function (resp_variable) return resp_variable.dati;)

Successivamente, creiamo una funzione in cui otteniamo una risposta dal server come parametro all'interno della funzione. Il server invia un file di dati che viene quindi inviato come risposta.

Fetch (file/url).Quindi (function (resp_variable) return resp_variable.dati;).Poi()

La prima funzione allora () restituisce una promessa e questa promessa viene utilizzata nella seconda funzione allora ().

Fetch (file/url).Quindi (function (resp_variable) return resp_variable.dati;).Quindi (funzione (res_variable)
console.log (res_variable);)

Il risultato dal server viene visualizzato all'interno del secondo corpo della funzione allora (). Qui res_variable rappresenta la variabile che contiene un risultato effettivo che viene visualizzato all'utente.

Fetch (file/url).Quindi (funzione (resp_variable)
restituire resp_variable.dati;
).Quindi (funzione (res_variable)
console.log (res_variable);
).catch (function (err_variable)
console.log (err_variable);
);

Nella sintassi sopra, file/url rappresenta il percorso del file di lingua lato server. IL resp_variable indica la risposta del server quando il metodo di recupero richiede il percorso. IL res_variable rappresenta la variabile che memorizza la risposta finale dopo resp_variable la funzione viene eseguita e il err_variable rappresenta la variabile che memorizza un errore se si verifica.

La funzione catch () viene utilizzata per gestire gli errori quando il server non risponde o il file, stiamo inviando errori.

Come utilizzare il metodo Fetch () in JavaScript?

In JavaScript, il metodo Fetch () prende un percorso del file come parametro e utilizza la funzione per restituire la risposta del server. Successivamente, la risposta del server viene nuovamente inviata al server che restituirà il risultato. Comprendiamo l'uso del metodo Fetch () attraverso un esempio pratico.

Codice

Fetch ("FET/Leggi.TXT").Quindi (function (r)
restituzione r.testo();
).Quindi (function (res)
console.log (res);
);

In questo metodo di recupero del codice richiede una lettura.Il file txt successivo allora () ottiene la risposta del server e la restituisce di nuovo al server. Infine, usiamo di nuovo la funzione allora () per visualizzare il risultato.

Produzione

L'output sopra mostra che il metodo Fetch () richiede a Leggere.TXT archivia e ottiene una promessa mantenuta in cambio. Dopodiché la funzione allora () utilizza questa promessa e ottiene la risposta del server e la utilizza all'interno del suo corpo per restituire la risposta insieme al testo() metodo. Infine, il secondo Poi() Il metodo ottiene il risultato e visualizza il contenuto della lettura.file txt.

Questa è tutte le informazioni relative al metodo Fetch () in JavaScript. Hai capito il lavoro e l'uso del metodo Fetch () in JavaScript.

Conclusione

In JavaScript, il metodo Fetch () viene utilizzato per eseguire operazioni CRUD come inserimento, aggiornamento, lettura e eliminazione dei dati dal server. Per fare ciò, il metodo Fetch () effettua una richiesta al server e i dati richiesti vengono caricati sulla pagina Web sull'approvazione della richiesta. Questo manuale descrittivo fornisce informazioni dettagliate sul funzionamento e sull'uso del metodo Fetch () in JavaScript.