codecamp

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]

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

注解:

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

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

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

Body接口方法:formData()
Body接口方法:text()
温馨提示
下载编程狮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; }