Fetch API cheatsheet

fetch('{url}')
    .then(response => console.log(response));

fetch('{url}', {
    method: 'post'
})
    .then(response => console.log(response));

fetch('{url}', {
    headers: {
        'Authorization': 'Basic {token}'
    }
})
    .then(response => console.log(response));

fetch('{url}', {
    method: 'post',
    headers: {
        'Authorization': 'Basic {token}'
    }
})
    .then(response => console.log(response));

fetch('{url}?var1=value1&var2=value2')
	.then(response => console.log(response));

fetch('{url}?var1=value1&var2=value2', {
    method: 'post'
})
    .then(response => console.log(response));

fetch('{url}', {
    mode: 'cors'
})
    .then(response => console.log(response));

fetch('{url}', {
    mode: 'cors',
	method: 'post'
})
    .then(response => console.log(response));

fetch('{url}?var1=value1&var2=value2', {
    headers: {
        'Authorization': 'Bearer {token}'
    }
})
    .then(response => console.log(response));

fetch('{url}?var1=value1&var2=value2', {
    method: 'post',
    headers: {
        'Authorization': 'Bearer {token}'
    }
})
    .then(response => console.log(response));

let formData = new FormData();
formData.append('field1', 'value1');
formData.append('field2', 'value2');

fetch('{url}', {
    method: 'post',
    body: formData
})
    .then(response => console.log(response));

fetch('{url}', {
    method: 'post',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        'field1': 'value1',
        'field2': 'value2'
    })
})
    .then(response => console.log(response));

fetch('{url}', {
    method: 'post',
    mode: 'cors',
    headers: {
        'Content-Type': 'application/json'
    },
    body: JSON.stringify({
        'field1': 'value1',
        'field2': 'value2'
    })
})
    .then(response => console.log(response));

fetch(...)
	.then(response => {
		if (response.status == 200){
			// all OK
		} else {
			console.log(response.statusText);
		}
	});

async function getData(){
	let response = await fetch(...);
	
	if (response.status == 200){
		// all OK
	} else {
		console.log(response.statusText);
	}
}

var userId;

fetch(...)
    .then(response => response.text())
    .then(id => {
        userId = id;
        console.log(userId)
    });

async function getData(){
	let response = await fetch(...);
	let userId = await response.text();
	
	console.log(userId);
}

var dataObj;

fetch(...)
    .then(response => response.json())
    .then(data => {
        dataObj = data;
        console.log(dataObj)
    });

async function getData(){
	let response = await fetch(...);
	let dataObj = await response.json();
	
	console.log(dataObj);
}