Metoda pobierania w JavaScript | Wyjaśnione

Metoda fetch () jest głównie podłączona do użycia technologii internetowej (znanej jako Ajax), która wymienia dane z serwerami internetowymi w tle. Aby łatwo wstawić Ajax do witryny. Chociaż proces ten jest łatwy i zmniejsza linie kodu. Może to jednak spowodować dodatkowe obciążenie 100 kb na stronie internetowej.

Deweloperzy używają XMLHTTPREquest, aby uwzględnić Ajax za pomocą czystego JavaScript. Ma to jednak również wadę, że musimy zakodować niektóre niepotrzebne rzeczy, które również nie są dobre. Aby wyeliminować wszystkie te wady, wersja JavaScript ES6 wprowadziła metodę fetch (). Innymi słowy, metodę fetch () można określić jako wymianę Ajax.

Biorąc pod uwagę znaczenie metody fetch (), ten post ma na celu służenie następującym wyniki:

• Jak działa metoda fetch () w JavaScript?
• Jak używać metody fetch () w JavaScript?

Jak działa metoda fetch () w JavaScript?

Metoda JavaScript fetch () zapewnia nam wszystkie funkcje, które ma Ajax. Metodę fetch () można użyć do tworzenia, pobierania, aktualizacji i usuwania operacji z serwerem. W tej metodzie kodowanie jest bardzo mniejsze i jest również szybkie w porównaniu z XMLHTTPREquest. Kolejną ważną rzeczą jest to, że ta metoda działa na serwerze na żywo.

Składnia
Szczegółowy przepływ roboczy metody Fetch () wyjaśniono poniżej.

fetch (plik/URL)

Metoda fetch () bierze ścieżkę pliku jako parametr. Kiedy ta metoda zostanie wykonana, zwraca obietnicę (obietnica jest jak państwo), obietnica jest albo udana lub nieudana.

fetch (plik/URL).Następnie()

Jeśli obietnica się powiodła, używamy funkcji następnie () metodą fetch ().

fetch (plik/URL).następnie (funkcja (resp_variable) return resp_variable.dane;)

Następnie tworzymy funkcję, w której otrzymujemy odpowiedź z serwera jako parametr wewnątrz funkcji. Serwer wysyła plik danych, który jest następnie wysyłany w odpowiedzi.

fetch (plik/URL).następnie (funkcja (resp_variable) return resp_variable.dane;).Następnie()

Najpierw funkcja () również zwraca obietnicę, a obietnica ta jest używana w drugiej funkcji ().

fetch (plik/URL).następnie (funkcja (resp_variable) return resp_variable.dane;).następnie (funkcja (res_variable)
konsola.log (res_variable);)

Wynik z serwera jest wyświetlany wewnątrz ciała drugiej, a następnie (). Tutaj res_variable reprezentuje zmienną zawierającą rzeczywisty wynik, który jest wyświetlany użytkownikowi.

fetch (plik/URL).następnie (funkcja (resp_variable)
return resp_variable.dane;
).następnie (funkcja (res_variable)
konsola.log (res_variable);
).catch (funkcja (err_variable)
konsola.log (err_variable);
);

W powyższej składni, Plik/URL reprezentuje ścieżkę pliku językowego po stronie serwera. resp_variable oznacza odpowiedź serwera, gdy metoda pobierania żąda ścieżki. res_variable reprezentuje zmienną, która przechowuje ostateczną odpowiedź po resp_variable funkcja jest wykonywana i err_variable reprezentuje zmienną, która przechowuje błąd, jeśli wystąpi.

Funkcja catch () służy do obsługi błędów, gdy serwer nie odpowiada lub plik, wysyłamy zawiera błędy.

Jak użyć metody fetch () w JavaScript?

W JavaScript metoda fetch () bierze ścieżkę pliku jako parametr i używa funkcji do zwrócenia odpowiedzi serwera. Następnie odpowiedź serwera jest wysyłana ponownie na serwer, który zwróci wynik. Zrozumiemy użycie metody Fetch () za pomocą praktycznego przykładu.

Kod

Fetch ("FET/Read.tekst").następnie (funkcja (r)
powrót r.tekst();
).następnie (funkcja (res)
konsola.log (res);
);

W niniejszej metodzie pobierania kodu żąda odczytu.Plik TXT Po tym funkcja () otrzymuje odpowiedź serwera i ponownie zwraca go do serwera. Wreszcie, ponownie używamy funkcji wówczas (), aby wyświetlić wynik.

Wyjście

Powyższe wyjście pokazuje, że metoda fetch () żąda a Czytać.tekst złożyć w zamian spełnioną obietnicę. Następnie funkcja następnie () używa tej obietnicy i otrzymuje odpowiedź serwera i używa jej wewnątrz ciała, aby zwrócić odpowiedź wraz z tekst() metoda. Wreszcie drugi Następnie() Metoda otrzymuje wynik i wyświetla zawartość odczytu.plik txt.

To wszystkie informacje dotyczące metody fetch () w JavaScript. Zrozumiałeś pracę i użycie metody fetch () w JavaScript.

Wniosek

W JavaScript metoda fetch () służy do wykonywania operacji CRUD, takich jak wstawianie, aktualizacja, czytanie i usuwanie danych z serwera. Aby to zrobić, metoda fetch () prośba do serwera, a wymagane dane są ładowane na stronie internetowej za zatwierdzenie żądania. Ten opisowy podręcznik zawiera szczegółowe informacje o pracy i użyciu metody fetch () w JavaScript.