JavaScript Fetch API

The fetch() method starts the process of fetching a resource from a server.The fetch() method returns a Promise that resolves to a Response object.

Fetch also integrates advanced HTTP concepts such as CORS and other extensions to HTTP.

Lets see an example of the fetch method

const url = 'https://jsonplaceholder.typicode.com/users/';

fetch(url).then( (response)=>{
	if(response.status == 200){
		return response.json();
		}else{
			throw new Error("404");
		}
	})
	.then( (data)=>{
		console.log(data);
		let output = document.getElementById('output')
		data.forEach((user)=>{
			output.innerHTML += `
			div
				h3${user.name}/h3
				p${user.username}/p
				p${user.email}/p
				p${user.address.street}/p
				p${user.address.suite}/p
				p${user.phone}/p
				p${user.website}/p
				p${user.company.name}/p
				p${user.company.catchPhrase}/p
				p${user.company.bs}/p
				hr
			/div
			`;
		} )
	})
	.catch( (error)=>{
		console.log(`There is an ${error}`);
});