1. ホーム
  2. javascript

[解決済み] fetch()でHTMLを返す

2023-07-24 19:28:08

質問

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

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

というオブジェクトを返します。 ReadableByteStream . これを使ってHTMLファイルの内容を取得するにはどうすればよいでしょうか?

の内容を変更すると /path/to/file をJSON文字列にし、上記を変更します。

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

...で、正しくJSONが返されます。HTMLを取得するにはどうすればよいですか?

どのように解決するのですか?

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