JSON.parse() 对比。 .json()

Question

我最近一直在使用 fetch API 和 Promises，我遇到了 .json() 。通常 .json() 返回与 JSON.parse 相同的输出。我用谷歌搜索了这个问题，结果指向了其他方向。

XHR 和 JSON.parse 示例：

 $('#xhr').click(function(){
  var XHR = new XMLHttpRequest();

  XHR.onreadystatechange = function(){
    if (XHR.status == 200 && XHR.readyState == 4) {
      $('#quote').text(JSON.parse(XHR.responseText)[0]);
    }
  };

  XHR.open("GET", url);
  XHR.send();
});

使用 Fetch API 的示例：

 $('#fetch').click(function(){
  fetch(url)
  .then(function(res){
    return res.json();
  })
  .then(function(quote){
    $('#quote').text(quote);
  })
  .catch(function(err){
    handleError(err);
  });
});

有人可以解释一下这些看似相似的概念之间的区别吗？谢谢

原文由 Isfaaq 发布，翻译遵循 CC BY-SA 4.0 许可协议

Answer 1

Body.json() 是异步的并返回一个 Promise 解析为 JavaScript 对象的对象。 JSON.parse() 是同步的可以解析一个字符串并改变结果返回的JavaScript对象。

原文由 guest271314 发布，翻译遵循 CC BY-SA 3.0 许可协议

Answer 2

“AJAX”与“回调”一起使用； “获取”与“承诺”一起使用。

使用 JSON.parse() 解析 AJAX 的响应。使用 json() 来解析获取的响应。

原文由 user2949477 发布，翻译遵循 CC BY-SA 4.0 许可协议