fetch（）でHTMLを返す

Question

ファイルを取得してHTMLを返そうとしています。しかし、それは私が想像していたほど単純ではありません。

fetch('/path/to/file') 
    .then(function (response) { 
     return response.body; 
    }) 
    .then(function (body) { 
     console.log(body); 
    }); 

これは、ReadableByteStreamというオブジェクトを返します。これを使ってHTMLファイルのコンテンツを取得するにはどうすればよいですか？

私はJSON文字列であることを/path/to/fileの内容を変更、およびに上記を変更した場合：

fetch('/path/to/file') 
    .then(function (response) { 
     return response.json(); 
    }) 
    .then(function (json) { 
     console.log(json); 
    }); 

...それが正しくJSONを返します。 HTMLをフェッチするにはどうしたらいいですか？

Answer 1

.json()の代わりに.text()メソッドを使用する必要があります。これにより、バイトストリームがプレーンテキストに変換されます。プレーンテキストはHTMLとしてブラウザで解析できます。