Sends a request through fetch using async / await.

fetch_async.js

/**
 * Sends a request through fetch using async / await.
 * @param {Object} request 
 */
async function makeRequestCall(request) {
    const response = await fetch(request);
    const json = await response.json();
    if (!response.ok) {
        let error = new Error(response.statusText);
        error.response = response;
        error.errors = json;
        throw error;
    }
    return json;
}

let data = serializeForm(document.getElementById('form_text'));
let request = new Request(urls.addSpecificationDetail, {
    method: 'POST', 
    credentials: 'include',
    headers: new Headers({
        'Content-type': 'application/x-www-form-urlencoded; charset=UTF-8',
        'X-Requested-With': 'XMLHttpRequest', 
        'X-CSRFToken': getCookie('csrftoken'),
      }),
    body: data,
});
makeRequestCall(request)
    .then(jsonResponse => console.log(jsonResponse))
    .catch(error => {
        console.log(error.errors);
        writeErrorsFromAjaxForm('form_text', error.errors, 'id_text');
    });