Drukowana wersja tematu

Napisany przez: KR2615 26.11.2021, 11:45:45

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

[HTML] pobierz, plaintext 
<------><http://december.com/html/4/element/script.html>
<------>    function updateManual() {
<------><------>let manualContainer = document.getElementById("manual");
<------><------>fetch("http://127.0.0.1/manual")
<------><------>.then(response => {
<------><------>    manualContainer.innerText = `${response}`;
<------><------>});
<------>    }
<------></http://december.com/html/4/element/script.html>
<http://december.com/html/4/element/a.html href="#" onClick="updateManual()">manual</http://december.com/html/4/element/a.html>
          <http://december.com/html/4/element/pre.html id="manual">
Tutaj ma się wczytać podręcznik
</http://december.com/html/4/element/pre.html>
[HTML] pobierz, plaintext 

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?

Napisany przez: nospor 26.11.2021, 12:17:38

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

console.log(response);

Napisany przez: KR2615 26.11.2021, 13:05:21

Napisany przez: nospor 26.11.2021, 13:09:25

Nadal zdziwiony czemu nie dziala?


Tu masz przyklad jak sie dobrac do textu
https://stackoverflow.com/questions/40385133/retrieve-data-from-a-readablestream-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
});