这篇翻译不完整。请帮忙从英语翻译这篇文章

Body混入的 text() 方法提供了一个可供读取的"返回流"<Response Stream>, ——它返回一个包含USVString对象 (text)的Promise对象,返回结果的编码为UTF-8。

使用方法

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

参数

None.

返回值

A promise that resolves with a USVString.

示例

在我们 fetch text example (运行 fetch text live)的案例中, 我们有一个 html元素 article, 和 三个链接(Links),(储存在 myLinks 的数组中),首先,遍历myLinks数组,并且给数组中的所有元素 ,添加onclick事件监听器,当按钮被点击的时候,这个函数link的 data-page标识作为会参数传入 getData() 中。

当进入 getData() 函数, 我们使Request() 构造函数创建了一个请求(Request)对象,然后,使用它获取指定的.txt的文件, 当fetch 函数执行成功, 我们使用 text() 函数来返回一个USVString (text) 对象,将它设置到 <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;
    });
  });
}

说明

Specification Status Comment
Fetch
text()
Living Standard  

浏览器兼容性

We're converting our compatibility data into a machine-readable JSON format. This compatibility table still uses the old format, because we haven't yet converted the data it contains. Find out how you can help!

Feature Chrome Edge Firefox (Gecko) Internet Explorer Opera Safari (WebKit)
基本支持 42 [1]
 
(Yes) 39 (39) [2] 未实现

29 [3]

未实现
Feature Android Edge Firefox Mobile (Gecko) Firefox OS (Gecko) IE Phone Opera Mobile Safari Mobile Chrome for Android
基本支持 未实现 (Yes) 未实现 未实现 未实现 未实现 未实现 未实现

[1] Behind a preference in version 41.

[2] Behind a preference starting with version 34.

[3] Behind a preference in version 28.

See also

文档标签和贡献者

此页面的贡献者: zhihongzhong
最后编辑者: zhihongzhong,