Javascript peticiones AJAX con Fetch ES6

A partir del 27 de Marzo del 2017, cuando Safari lo implementó porque Chrome y Firefox ya lo tenían implementado desde el 2015, se abrió la posibilidad de usar un nuevo API para realizar peticiones asíncronas como se hacía con AJAX. Usando una nueva funcion denominada fetch.

A continuación dejo unos ejemplos para que podáis usarlo con comodidad.

Peticiones GET

fetch('https://yesno.wtf/api')
    .then(res => res.json())
    .then(data => {
	console.log(data.image);
    })
    .then(terminado => {
	console.log('Terminado de recibir datos');
    });

POST, PUT o DELETE

fetch('https://jsonplaceholder.typicode.com/posts', {
	method: 'POST',
	headers: {
	    'Accept': 'application/json',
	    'Content-Type': 'application/json; charset=UTF-8'
	},
	body: JSON.stringify(
	    {
		userId: 9,
		titulo: 'Los hospitales cierran por enfermedad',
		articulo: 'A pesar de los malos profesionales que podemos encontrar...'
	    }
	)
    })
    .then(res => res.json())
    .then(data => {
	console.log(data);
    })
    .then(terminado => {
	console.log('Terminado de enviar datos');
    });
Versión escritorio