Body接口方法：text()

text() 方法

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

text() 語法

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

text() 方法參數(shù)

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

text() 方法返回

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

text() 方法示例

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

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

瀏覽器兼容性

• 電腦端

• 移動端

注解：

[1]在第41版的首選項后。

[2]從版本34開始，首選項后。

[3]在版本28的首選項后。