Body接口方法:json()
json() 方法
Body mixin 的 json() 方法采用Response流并将其读入完成。它返回一个promise,它解析正文文本的结果为JSON。
json() 语法
response.json().then(function(data) {
// do something with your data
});
json() 方法参数
json() 方法没有参数。
json() 方法返回
json() 方法返回解析正文文本为JSON的结果。这可以是任何可以由JSON表示的东西:对象、数组、字符串、数字等等。
json() 方法示例
在我们的fetch json示例中(运行fetch json live),我们使用Request.Request构造函数创建一个新的请求,然后使用它来获取一个.json文件。当获取成功时,我们使用json()读取和解析数据,然后按照您的期望从结果将值从生成的对象中读取,并将其插入到列表项中以显示我们的产品数据。
var myList = document.querySelector('ul');
var myRequest = new Request('products.json');
fetch(myRequest)
.then(function(response) { return response.json(); })
.then(function(data) {
for (var i = 0; i < data.products.length; i++) {
var listItem = document.createElement('li');
listItem.innerHTML = '<strong>' + data.products[i].Name + '</strong> can be found in ' +
data.products[i].Location +
'. Cost: <strong>£' + data.products[i].Price + '</strong>';
myList.appendChild(listItem);
}
});
规范
规范 | 状态 | 注释 |
---|---|---|
Fetch 在该规范中'json()'的定义 | 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的首选项后。