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] | 不支持 |
- 移动端
Feature | Android | Edge | Firefox Mobile (Gecko) | Firefox OS (Gecko) | IE Phone | Opera Mobile | Safari Mobile | Chrome for Android |
---|---|---|---|---|---|---|---|---|
基本的支持 | 不支持 | (是) | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 | 不支持 |
注解:
[1]在第41版的首选项后。
[2]从版本34开始,首选项后。
[3]在版本28的首选项后。