javascript - 如何在 javascript 中格式化 JSON 输出

Question

我有这个函数可以获取 JSON 对象。

function dataFetch(){
    const url =  "http://www.quotzzy.co/api/quote?key=436587";

    fetch(url).then(function(response) {
        return response.text();
    }).then(function(text) {
        console.log('Request successful', text);
    }).catch(function(error) {
        log('Request failed', error)
    });
};

如何单独返回 JSON 对象中的索引以在 HTML 中使用？

例如，我的名字 (object.name) 和我的引语是 (object.text) 来自这个来源 (object.source) .

Answer 1

在响应中使用 json()。它返回对象的 promise 。

function dataFetch(){
  const url =  "http://www.quotzzy.co/api/quote?key=436587";

  fetch(url)
    .then(function(response) {
      return response.json();
    })
    .then(function(json) {
      console.log(json.author.name);
    });
   .catch(function(error) {
     log('Request failed', error)
    });
}

更地道:

function dataFetch(){
  const url =  "http://www.quotzzy.co/api/quote?key=436587";

  fetch(url)
    .then(response => response.json())
    .then(json => console.log(json.author.name, "said", json.text))
    .catch(error => log('Request failed', error));
}