18.1 Content Negotiation (Eloquent JavaScript Solutions)

18-1 Eloquent Javascript Solutions.js

let aboutURL = 'https://eloquentjavascript.net/author';
let mediaTypes = [
  'text/plain',
  'text/html',
  'application/json',
  'application/rainbow+unicorns'
];

async function getResponsesForMediaType(url, type) {
  let r = await fetch(url, {headers: {'accept': type}});
  r = await r.text();
  console.log(`\n---------- type: ${type} ----------\n`, r);
};

for (let type of mediaTypes) {
  getResponsesForMediaType(aboutURL, type);
};

Hints

Base your code on the fetch examples earlier in the chapter.

Asking for a bogus media type will return a response with code 406, “Not acceptable”, which is the code a server should return when it can’t fulfil the Accept header.