在 javascript 中使用 fetch 時出現未捕獲的類型錯誤

Question

function fetchPage(name){
fetch(name)
.then(res=>{
  console.log(res);
  console.log(res.text()); <<<
  return res.text(); <<<
})
.then(text=>{
  document.querySelector('article').innerHTML=text;
  console.log(text);
});
}

未捕獲（承諾）類型錯誤：無法在“響應”上執行“文本”：正文 stream 已在索引處讀取。html:30:18

我收到了類似上面文字的錯誤。 我標記為“<<<”的代碼中存在問題。 為什么它不起作用？

Answer 1

您只能讀取Response.text()一次，如果要對其進行console.log ，可以先將其存儲到變量中。

順便說一句， res.text()返回一個Promise 。 您將在 next .then中獲得此 Promise 的結果。

function fetchPage(name) {
    fetch(name)
        .then(res => {
            console.log(res);
            let textPromise = res.text();
            console.log(textPromise); // Promise
            return textPromise;
        })
        .then(text => {
            document.querySelector('article').innerHTML = text;
            console.log(text);
        });
}