Witaj Gościu! ( Zaloguj | Rejestruj )

Forum PHP.pl

 
Reply to this topicStart new topic
> Zwracanie zawartości fetch()
KR2615
post 26.11.2021, 11:45:45
Post #1





Grupa: Zarejestrowani
Postów: 311
Pomógł: 13
Dołączył: 7.05.2007

Ostrzeżenie: (0%)
-----


Cześć. Sorry za totalnie głupie pytanie ale jestem totalnie zielony jeśli chodzi o Javascript i AJAX.

Zrobiłem prostą stronkę na której w kontenerze manual, po kliknieciu w odnośnik ma się znaleść to, co dostępne jest poda daresem 127.0.0.1/manual

  1. <------><script>
  2. <------> function updateManual() {
  3. <------><------>let manualContainer = document.getElementById("manual");
  4. <------><------>fetch("http://127.0.0.1/manual")
  5. <------><------>.then(response => {
  6. <------><------> manualContainer.innerText = `${response}`;
  7. <------><------>});
  8. <------> }
  9. <------></script>
  10. <a href="#" onClick="updateManual()">manual</a>
  11. <pre id="manual">
  12. Tutaj ma się wczytać podręcznik
  13. </pre>

Bazowałem na tutorialu, gdzie adres URL zwraca wynik w JSON. Ja mam po prostu czysty HTML i chciałbym go zapakować w kontener o nazwie manual. Niestety moje rozwiązanie powoduje, że widzę [object Response] zamiast zawartości 127.0.0.1/manual. Co robię nie tak?


--------------------
Go to the top of the page
+Quote Post
nospor
post 26.11.2021, 12:17:38
Post #2





Grupa: Moderatorzy
Postów: 36 440
Pomógł: 6290
Dołączył: 27.12.2004




zajrzyj co zawiera response, a wszystko bedzie jasne....

console.log(response);


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post
KR2615
post 26.11.2021, 13:05:21
Post #3





Grupa: Zarejestrowani
Postów: 311
Pomógł: 13
Dołączył: 7.05.2007

Ostrzeżenie: (0%)
-----


Kod
Response { type: "basic", url: "http://127.0.0.1/manual", redirected: false, status: 200, ok: true, statusText: "OK", headers: Headers, body: ReadableStream, bodyUsed: false }


--------------------
Go to the top of the page
+Quote Post
nospor
post 26.11.2021, 13:09:25
Post #4





Grupa: Moderatorzy
Postów: 36 440
Pomógł: 6290
Dołączył: 27.12.2004




Nadal zdziwiony czemu nie dziala? wink.gif


Tu masz przyklad jak sie dobrac do textu
https://stackoverflow.com/questions/4038513...lestream-object

a konkretnie
fetch('https://jsonplaceholder.typicode.com/posts/1')
.then(function(response) {
return response.text();
}).then(function(data) {
console.log(data); // this will be a string
});


--------------------

"Myśl, myśl, myśl..." - Kubuś Puchatek || "Manual, manual, manual..." - Kubuś Programista
"Szukaj, szukaj, szukaj..." - Kubuś Odkrywca || "Debuguj, debuguj, debuguj..." - Kubuś Developer

Go to the top of the page
+Quote Post

Reply to this topicStart new topic
1 Użytkowników czyta ten temat (1 Gości i 0 Anonimowych użytkowników)
0 Zarejestrowanych:

 



RSS Wersja Lo-Fi Aktualny czas: 28.03.2024 - 14:06