Body接口方法：text()

text() 方法

Body mixin 的 text() 方法采用Response流并將其讀入完成。它返回一個(gè)用 USVString 對(duì)象 (文本) 解決的promise。響應(yīng)始終使用 UTF-8 進(jìn)行解碼。

text() 語(yǔ)法

response.text().then(function (text) {
  // do something with the text response 
});

text() 方法參數(shù)

text() 方法沒(méi)有參數(shù)。

text() 方法返回

text() 方法返回一個(gè)promise，使用一個(gè)USVString解決。

text() 方法示例

在我們的獲取文本示例中（運(yùn)行獲取文本），我們有一個(gè)<article>元素和三個(gè)鏈接（存儲(chǔ)在myLinks數(shù)組中）。首先，我們遍歷所有這些，并給每個(gè)onclick事件處理程序，以便getData()函數(shù)運(yùn)行 - 與鏈接的data-page標(biāo)識(shí)符作為參數(shù)傳遞給它 - 當(dāng)其中一個(gè)鏈接被點(diǎn)擊。

當(dāng)getData()運(yùn)行時(shí)，我們使用Request()構(gòu)造函數(shù)創(chuàng)建一個(gè)新的請(qǐng)求，然后用它來(lái)獲取特定.txt文件。當(dāng)獲取成功時(shí)，我們使用text()從響應(yīng)中讀取一個(gè)USVString（文本）對(duì)象，然后設(shè)置 <article> 元素等于文本對(duì)象的 innerHTML。

var myArticle = document.querySelector('article');
var myLinks = document.querySelectorAll('ul a');

for(i = 0; i <= myLinks.length-1; i++) {
  myLinks[i].onclick = function(e) {
    e.preventDefault();
    var linkData = e.target.getAttribute('data-page');
    getData(linkData);
  }
};
    
function getData(pageId) {
  console.log(pageId);
  var myRequest = new Request(pageId + '.txt');
  fetch(myRequest).then(function(response) {
    return response.text().then(function(text) {
      myArticle.innerHTML = text;
    });
  });
}

規(guī)范

瀏覽器兼容性

• 電腦端

• 移動(dòng)端

注解：

[1]在第41版的首選項(xiàng)后。

[2]從版本34開(kāi)始，首選項(xiàng)后。

[3]在版本28的首選項(xiàng)后。