what does the javascript fetch function do code example

Example 1: fetch api javascript

// This will fetch api.example.com/comments with a header and a body
fetch(`https://api.example.com/comments`, {
  method: 'POST', //This could be any http method
  headers: {
    'Authorization': 'Basic SGVsbG8gdGhlcmUgOikgSGF2ZSBhIGdvb2QgZGF5IQ==',
    'Content-Type': 'application/json',
  },
  body: JSON.stringify({
	UID: 58,
    Comment: "Fetch is really easy!",
  }),
})
.then((response) => response.json)
.then((newComment) => {
  // Do something magical with your newly posted comment :)
});

Example 2: fetch api

// Fetch and Async/Await

const url = 'http://dummy.restapiexample.com/api/v1/employees'; 
const fetchUsers = async () => {
    try {
       const res = await fetch(url);
     // check for 404 error
       if (!res.ok) { 
           throw new Error(res.status);
       }
       const data = await res.json();
          console.log(data);
       }
       // catch block for network errors
       catch (error) { 
            console.log(error); 
        }
}
fetchUsers( );

Tags:

Misc Example