fetch('https://jsonplaceholder.typicode.com/posts').then(function (response) {
// The API call was successful!
return response.json();
}).then(function (data) {
// This is the JSON from our response
console.log(data);
}).catch(function (err) {
// There was an error
console.warn('Something went wrong.', err);
});
// way 1
const getData = async (url) => {
const response = await fetch(url)
const json = await response.json()
return json
}
const url = `https://jsonplaceholder.typicode.com/posts?userId=3`
try {
const data = await getData(url)
console.log(data)
} catch (error) {
console.log(error.message)
}
/* ------------ Way 2 --------------- */
const getData = (url) =>
new Promise((resolve, reject) => {
fetch(url)
.then(response => response.json())
.then(json => resolve(json))
.catch(error => reject(error))
})
const url = `https://jsonplaceholder.typicode.com/todos?completed=true&userId=2`
getData(url)
.then(data => console.log(data))
.catch(error => console.log(error.message))