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

fetch api

Add Answer

Adorable Aardvark answered on February 10, 2020 Popularity 9/10 Helpfulness 1/10

answer fetch api

related fetch api javascript

related fetch

related fetch api

related fetch

related fetch api javascript

related js fetch api

related js fetch

fetch api

Comment

-1

async function logMovies() {
  const response = await fetch("http://example.com/movies.json");
  const movies = await response.json();
  console.log(movies);
}

Popularity 9/10 Helpfulness 1/10 Language javascript

Source: developer.mozilla.org

Tags: fetch-api javascript

Link to this answer
Share Copy Link

Contributed on Aug 26 2023

Adorable Aardvark

0 Answers Avg Quality 2/10

Closely Related Answers

fetch api javascript

Comment

178

fetch('http://example.com/songs')
	.then(response => response.json())
	.then(data => console.log(data))
	.catch(err => console.error(err));

Popularity 10/10 Helpfulness 8/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Apr 22 2020

Bewildered Booby

0 Answers Avg Quality 2/10

fetch api javascript

Comment

fetch('http://example.com/movies.json')
  .then((response) => {
    return response.json();
  })
  .then((myJson) => {
    console.log(myJson);
  });

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Feb 10 2020

Gleaming Gemsbok

0 Answers Avg Quality 2/10

fetch

Comment

//Obj of data to send in future like a dummyDb
const data = { username: 'example' };

//POST request with body equal on data in JSON format
fetch('https://example.com/profile', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then((response) => response.json())
//Then with the data from the response in JSON...
.then((data) => {
  console.log('Success:', data);
})
//Then with the error genereted...
.catch((error) => {
  console.error('Error:', error);
});

//

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: developer.mozilla.org

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Jan 25 2021

Creepy Gábor

0 Answers Avg Quality 2/10

fetch

Comment

const options = {method: 'GET', headers: {Accept: 'application/json'}};

fetch('https://api.test.com/data/id', options)
  .then(response => response.json())
  .then(response => console.log(response))
  .catch(err => console.error(err));

Popularity 10/10 Helpfulness 5/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Feb 09 2022

ofroog

0 Answers Avg Quality 2/10

fetch

Comment

// Get
fetch('<your-url>')
  .then((response) => response.json()).then(console.log).catch(console.warn);

// POST, PUT
data = "your data"
fetch('<your-url>', {
  method: 'POST', // or 'PUT'
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify(data),
})
.then(response => response.json()).then(console.log).catch(console.warn);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Aug 20 2022

Muddy Moose

0 Answers Avg Quality 2/10

fetch api

Comment

// Error handling while fetching API

const url = "http://dummy.restapiexample.com/api/v1/employee/40";
fetch(url) //404 error
     .then( res => {
          if (res.ok) {
                return res.json( );
          } else {
                return Promise.reject(res.status); 
           }
      })
      .then(res => console.log(res))
      .catch(err => console.log('Error with message: ${err}') );

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: dev.to

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Nov 27 2020

Dhrey112

0 Answers Avg Quality 2/10

fetch

Comment

const fetch = require('node-fetch');

    let response = await fetch(`your url paste here`, {
      headers: {
        Authorization: `Token ${API_TOKEN}`,
        "Content-Type": "application/json",
      },
      body: JSON.stringify(payload),
      method: 'POST',
    });
    const results = await response.json();
    console.log("======> :: results", results);

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Apr 15 2021

abhi

0 Answers Avg Quality 2/10

fetch api javascript

Comment

fetch('https://apiYouWantToFetch.com/players') // returns a promise
  .then(response => response.json()) // converting promise to JSON
  .then(players => console.log(players)) // console.log to view the response

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Sep 01 2020

0 Answers Avg Quality 2/10

js fetch api

Comment

fetch('http://example.com/songs')
	.then(response => response.json())
	.then(data => console.log(data))
	.catch(err => console.error(err));

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Feb 27 2023

Shah Solayman Sinha

0 Answers Avg Quality 2/10

js fetch

Comment

fetch('http://example.com')
	.then(response => response.text())
	.then(data => console.log(data))
	.catch(err => console.error(err));
/* for JSON, use response.json() on the 2nd line */

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Sep 03 2022

Tiago R.

0 Answers Avg Quality 2/10

fetch api

Contents

More Related Answers

fetch api

Closely Related Answers

fetch api javascript

fetch api javascript

fetch

fetch

fetch

fetch api

fetch

fetch api javascript

js fetch api

js fetch

Grepper

Documentation

Social

Legal

Contact

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