Body接口方法：json()

json() 方法

Body mixin 的 json() 方法采用Response流并將其讀入完成。它返回一個(gè)promise，它解析正文文本的結(jié)果為JSON。

json() 語(yǔ)法

response.json().then(function(data) {
  // do something with your data
});

json() 方法參數(shù)

json() 方法沒(méi)有參數(shù)。

json() 方法返回

json() 方法返回解析正文文本為JSON的結(jié)果。這可以是任何可以由JSON表示的東西：對(duì)象、數(shù)組、字符串、數(shù)字等等。

json() 方法示例

在我們的fetch json示例中（運(yùn)行fetch json live），我們使用Request.Request構(gòu)造函數(shù)創(chuàng)建一個(gè)新的請(qǐng)求，然后使用它來(lái)獲取一個(gè).json文件。當(dāng)獲取成功時(shí)，我們使用json()讀取和解析數(shù)據(jù)，然后按照您的期望從結(jié)果將值從生成的對(duì)象中讀取，并將其插入到列表項(xiàng)中以顯示我們的產(chǎn)品數(shù)據(jù)。

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);
    }
  });

規(guī)范

瀏覽器兼容性

• 電腦端

• 移動(dòng)端

注解：

[1]在版本41的首選項(xiàng)后。

[2]從版本34開(kāi)始，首選項(xiàng)后。

[3]在版本28的首選項(xiàng)后。