codecamp

Body接口方法:text()

text() 方法

Body mixin 的 text() 方法采用Response流并将其读入完成。它返回一个用 USVString 对象 (文本) 解决的promise。响应始终使用 UTF-8 进行解码。

text() 语

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

text() 方法参数

text() 方法没有参数。

text() 方法返回

text() 方法返回一个promise,使用一个USVString解决。

text() 方法示例

在我们的获取文本示例中(运行获取文本),我们有一个<article>元素和三个链接(存储在myLinks数组中)。首先,我们遍历所有这些,并给每个onclick事件处理程序,以便getData()函数运行 - 与链接的data-page标识符作为参数传递给它 - 当其中一个链接被点击。

当getData()运行时,我们使用Request()构造函数创建一个新的请求,然后用它来获取特定.txt文件。当获取成功时,我们使用text()从响应中读取一个USVString(文本)对象,然后设置 <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;
    });
  });
}

规范

规范状态注释
Fetch
在该规范中'text()'的定义。
Living Standard
 

浏览器兼容性

  • 电脑端
Feature
Chrome
Edge
Firefox(Gecko)Internet Explorer
Opera
Safari(WebKit)
基本的支持
支持:42 [1]
(是)支持:39[2]不支持

支持:29 [3]

不支持
  • 移动端
FeatureAndroidEdgeFirefox Mobile (Gecko)Firefox OS (Gecko)IE PhoneOpera MobileSafari MobileChrome for Android
基本的支持不支持(是)不支持
不支持
不支持
不支持
不支持
不支持


注解:

[1]在第41版的首选项后。

[2]从版本34开始,首选项后。

[3]在版本28的首选项后。

Body接口方法:json()
Body执行者:Request
温馨提示
下载编程狮App,免费阅读超1000+编程语言教程
取消
确定
目录

Fetch API官方文档指南

Fetch API方法

WindowOrWorkerGlobalScope执行者:window

window属性

WindowOrWorkerGlobalScope执行者:WorkerGlobalScope

关闭

MIP.setData({ 'pageTheme' : getCookie('pageTheme') || {'day':true, 'night':false}, 'pageFontSize' : getCookie('pageFontSize') || 20 }); MIP.watch('pageTheme', function(newValue){ setCookie('pageTheme', JSON.stringify(newValue)) }); MIP.watch('pageFontSize', function(newValue){ setCookie('pageFontSize', newValue) }); function setCookie(name, value){ var days = 1; var exp = new Date(); exp.setTime(exp.getTime() + days*24*60*60*1000); document.cookie = name + '=' + value + ';expires=' + exp.toUTCString(); } function getCookie(name){ var reg = new RegExp('(^| )' + name + '=([^;]*)(;|$)'); return document.cookie.match(reg) ? JSON.parse(document.cookie.match(reg)[2]) : null; }