Breaking News: Grepper is joining You.com. Read the official announcement!

fetch api data

Add Answer

DevEmdad answered on May 4, 2021 Popularity 10/10 Helpfulness 4/10

answer fetch api data

related js how to get data fetch

related fetch data from api

related fetch data from API

related fetch api data javascript

related javascript how to fetch data

fetch api data

Comment

const [advice, setAdvice] = useState("");

    useEffect(() => {
        const url = "https://api.adviceslip.com/advice";

        // Create async function 
        const fetchData = async () => {
            try {
                const response = await fetch(url);
                const jsonData = await response.json();
                console.log(jsonData.slip.advice);
                setAdvice(jsonData.slip.advice);
            } catch (error) {
                console.log("error", error);
            }
        };

        // Call fetch function 
        fetchData();
    }, []);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: designcode.io

Tags: async-await fetch fetch-api javascript use-effect

Link to this answer
Share Copy Link

Contributed on Dec 19 2022

DevEmdad

0 Answers Avg Quality 2/10

Closely Related Answers

js how to get data fetch

Comment

// 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))

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Jun 14 2022

Condemned Corncrake

0 Answers Avg Quality 2/10

fetch data from api

Comment

fetch('https://jsonplaceholder.typicode.com/todos/1')   // url link বসাবে  
      .then(response => response.json())
      .then(data => console.log(data))

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: jsonplaceholder.typicode.com

Tags: api

Link to this answer
Share Copy Link

Contributed on Aug 28 2023

MD Towhidur Rahman

0 Answers Avg Quality 2/10

fetch data from API

Comment

fetch('https://api.myjson.com/bins/1h3vb3', {method: 'get'})
    .then(response => response.json())
    .then(data => console.log(data));

Popularity 9/10 Helpfulness 3/10 Language javascript

Source: Grepper

Tags: api

Link to this answer
Share Copy Link

Contributed on Jul 26 2023

Cabs

0 Answers Avg Quality 2/10

fetch api data javascript

Comment

.catch(function() {

});

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Jan 27 2022

Defeated Dunlin

0 Answers Avg Quality 2/10

javascript how to fetch data

Comment

.catch(function() {

});

Popularity 10/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on May 04 2021

Anu

0 Answers Avg Quality 2/10

fetch api data

Contents

More Related Answers

fetch api data

Closely Related Answers

js how to get data fetch

fetch data from api

fetch data from API

fetch api data javascript

javascript how to fetch data

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.