Ajax & APIs

async & await

When you use the async operator before a function, you turn it into an async function.

Inside an async function, you can use the await operator before asynchronous code to tell the function to wait for that operation to complete before moving on.

To handle errors, wrap your code in a try...catch().

async function getAPIData () {
	try {
		let request = await fetch('https://jsonplaceholder.typicode.com/posts/');
		if (!request.ok) throw request;
		let response = await request.json();
		console.log(response);
	} catch (err) {
		console.warn(err);
	}
}

getAPIData();

Note: an async function always returns a promise, even if you’re not actually making any asynchronous calls in it.

⏰ Preorder my new course on Web Components! Want to learn how to build Web Components from scratch, master best practices, and more? Preorder today and get $100 off of the launch price.

Find this useful? You can support my work by purchasing an annual membership.