но я работал с 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);
  });
});

Может кто-нибудь объяснить, пожалуйста, разницу между этими, казалось бы, похожими понятиями? Спасибо