text() 方法在 Body mixin takes a 响应 stream and reads it to completion. It returns a promise that resolves with a USVString object (text). The response is always decoded using UTF-8.

句法

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

参数

None.

返回值

A Promise that resolves with a USVString .

范例

In our fetch text example (run fetch text live ), we have an <article> element and three links (stored in the myLinks array.) First, we loop through all of these and give each one an onclick event handler so that the getData() function is run — with the link's data-page identifier passed to it as an argument — when one of the links is clicked.

getData() is run, we create a new request using the Request() constructor, then use it to fetch a specific .txt file. When the fetch is successful, we read a USVString (text) object out of the response using text() , then set the innerHTML <article> element equal to the text object.

let myArticle = document.querySelector('article');
let myLinks = document.querySelectorAll('ul a');
for(let i = 0; i <= myLinks.length-1; i++) {
  myLinks[i].onclick = function(e) {
    e.preventDefault();
    let 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
The definition of 'text()' in that specification.
实时标准

浏览器兼容性

The compatibility table on this page is generated from structured data. If you'd like to contribute to the data, please check out https://github.com/mdn/browser-compat-data and send us a pull request. 更新 GitHub 上的兼容性数据
桌面 移动
Chrome Edge Firefox Internet Explorer Opera Safari Android webview Chrome for Android Firefox for Android Opera for Android Safari on iOS Samsung Internet
text Chrome 42
42
41 Disabled
Disabled From version 41: this feature is behind the Experimental Web Platform Features preference. To change preferences in Chrome, visit chrome://flags.
Edge ≤18 Firefox 39
39
34 Disabled
Disabled From version 34: this feature is behind the dom.fetch.enabled preference. To change preferences in Firefox, visit about:config.
IE No Opera 29
29
28 Disabled
Disabled From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari 10 WebView Android No Chrome Android 42 Firefox Android No Opera Android 29
29
28 Disabled
Disabled From version 28: this feature is behind the Experimental Web Platform Features preference.
Safari iOS 10 Samsung Internet Android No

图例

完整支持

完整支持

不支持

不支持

实验。期望将来行为有所改变。

实验。期望将来行为有所改变。

用户必须明确启用此特征。

用户必须明确启用此特征。

另请参阅

元数据

  • 最后修改:
  1. Body
  2. 特性
    1. body
    2. bodyUsed
  3. 方法
    1. arrayBuffer()
    2. blob()
    3. formData()
    4. json()
    5. text()
  4. 实现通过:
    1. Request
    2. 响应

版权所有  © 2014-2026 乐数软件    

工业和信息化部: 粤ICP备14079481号-1