En-têtes de réponse HTTP dans AJAX en JavaScript

Les en-têtes de réponse sont stockés dans la propriété headers de l'objet response. Obtenons un en-tête quelconque :

public/client.jsbutton.addEventListener('click', function() {
  fetch('/ajax.html').then(response => {
    console.log(response.headers.get('Content-Type'));
  });
});

Et maintenant, parcourons tous les en-têtes avec une boucle :

public/client.jsbutton.addEventListener('click', function() {
  fetch('/ajax.html').then(response => {
    for (let [key, value] of response.headers) {
      console.log(key, value);
    }
  });
});