Pomoc - Szukaj - Użytkownicy - Kalendarz
Pełna wersja: Zwracanie zawartości fetch()
Forum PHP.pl > Forum > XML, AJAX > AJAX
KR2615
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?
nospor
zajrzyj co zawiera response, a wszystko bedzie jasne....

console.log(response);
KR2615
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 }
nospor
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
});
To jest wersja lo-fi głównej zawartości. Aby zobaczyć pełną wersję z większą zawartością, obrazkami i formatowaniem proszę kliknij tutaj.
Invision Power Board © 2001-2024 Invision Power Services, Inc.