• Najnowsze pytania
  • Bez odpowiedzi
  • Zadaj pytanie
  • Kategorie
  • Tagi
  • Zdobyte punkty
  • Ekipa ninja
  • IRC
  • FAQ
  • Regulamin
  • Książki warte uwagi

fetch , then , klamry dla json()

Object Storage Arubacloud
0 głosów
238 wizyt
pytanie zadane 14 września 2022 w JavaScript przez kordix Gaduła (3,870 p.)

Jeszcze jedna rzecz mnie naszła dla fetch then

fetch(`api/phpGetPost.php?opis=asdf`)
				.then({res => res.json() })
				.then(res => {
					console.log(res)
				});

Taki kod właśnie nie zadziała , trzeba pozbyć się klaml dla res => res.json()

fetch(`api/phpGetPost.php?opis=asdf`)
				.then(res => res.json() )
				.then(res => {
					console.log(res)
				});

To zadziała poprawnie.

Kiedyś pół godziny dłubałem aż w końcu się skumałem, ale do dzisiaj nie potrafie wyjaśnić dlaczego tak jest

 

2 odpowiedzi

+3 głosów
odpowiedź 14 września 2022 przez ScriptyChris Mędrzec (190,190 p.)
.then({res => res.json() })

Ten zapis nie jest prawidłowy składniowo, bo klamry powinny owijać tylko ciało funkcji.

.then(res => { res.json() })
// albo
.then((res) => { res.json() })

Tylko, że przy korzystaniu z klamer trzeba samodzielnie zapisać return z wartością zwracaną, bo inaczej będzie zwrócony undefined - a skoro wołasz res.json() to raczej chcesz zwrócić tego wynik. Zapis bez klamer automatycznie zwraca tylko jedno wyrażenie - chyba, że zgrupuje się wyrażenia po przecinku i owinie w nawias; niemniej czytelniej jest wtedy po prostu owinąć to w klamry i na koniec zapisać return.

+1 głos
odpowiedź 15 września 2022 przez VBService Ekspert (254,490 p.)
edycja 15 września 2022 przez VBService

block statement is used to group zero or more statements. The block is delimited by a pair of braces ("curly brackets") and contains a list of zero or more statements and declarations.


Why Are There So Many Curly Brackets{} in JavaScript?

 

Jeszcze inny zapis, od tego który podał @ScriptyChris

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(function(res) { return res.json(); })
  .then(function(res) { console.log(res[0].translations); })

lub

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(returnJSON)
  .then(function(res) { console.log(res[0].translations); })

function returnJSON(res) {
  return res.json();
}

 

wspomniany przez Ciebie przykład, można zapisać pomijając klamry

fetch("https://restcountries.com/v3.1/name/Poland")
  .then(res => res.json())
  .then(res => console.log(res[0].translations))

 

 

P.S.  wink

async function fetch_() {
  const res = await fetch("https://restcountries.com/v3.1/name/Poland");
  const data = await res.json();
  console.log(data[0].translations);
}

fetch_();

 

Podobne pytania

0 głosów
1 odpowiedź 244 wizyt
pytanie zadane 14 września 2022 w JavaScript przez kordix Gaduła (3,870 p.)
0 głosów
1 odpowiedź 160 wizyt
0 głosów
1 odpowiedź 218 wizyt

92,677 zapytań

141,581 odpowiedzi

320,061 komentarzy

62,039 pasjonatów

Motyw:

Akcja Pajacyk

Pajacyk od wielu lat dożywia dzieci. Pomóż klikając w zielony brzuszek na stronie. Dziękujemy! ♡

Oto polecana książka warta uwagi.
Pełną listę książek znajdziesz tutaj.

Akademia Sekuraka

Niedawno wystartował dodruk tej świetnej, rozchwytywanej książki (około 940 stron). Mamy dla Was kod: pasja (wpiszcie go w koszyku), dzięki któremu otrzymujemy 10% zniżki - dziękujemy zaprzyjaźnionej ekipie Sekuraka za taki bonus dla Pasjonatów! Książka to pierwszy tom z serii o ITsec, który łagodnie wprowadzi w świat bezpieczeństwa IT każdą osobę - warto, polecamy!

...