В чем разница между типичным AJAX и Fetch API?

Рассмотрим этот сценарий:

function ajaxCall(url) {
  return new Promise(function(resolve, reject) {
    var req = new XMLHttpRequest();
    req.open('GET', url);

    req.onload = function() {
      if (req.status == 200) {
        resolve(req.response);
      } else {
        reject(Error(req.statusText));
      }
    };
    req.onerror = function() {
      reject(Error("Network Error"));
    };
    req.send();
  });
}

ajaxCall('www.testSite').then(x => {
  console.log(x)
}) // returns html of site

fetch('www.testSite').then(x => {
  console.log(x)
}) // returns object with information about call

Это то, чтоfetch возврат звонка:

Response {type: "cors", url: "www.testSite", status: 200, ok: true, statusText: "OK"…}

Почему это возвращает разные вещи?

Есть ли способ дляfetch вернуть то же самое, что и типичный вызов AJAX?