Quick fetch() cheatsheet

Make a fetch request:

const res = await fetch('/endpoint', { method: 'GET' });
const json = await res.json();
console.log('Here is the json response', json);

Send some form fields:

const params = new FormData();
params.append('first_name', 'John');
params.append('last_name', 'Smith');
const res = await fetch('/endpoint', {
  method: 'POST',
  body: params,
});
const text = await res.text();
console.log('Here is the response', text);

Send some json data:

const data = { username: 'foo', password: 'secret' };
const res = await fetch('/endpoint', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
});
if (res.ok) {
  const json = await res.json();
  console.log('Our session id is', json.session_id);
}