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

fetch request

Add Answer

Blushing Baboon answered on February 10, 2020 Popularity 10/10 Helpfulness 3/10

answer fetch request

related fetch api javascript

related fetch javascript

related fetch api javascript

related fetch get request

related Fetch Javascript

related javascript fetch

related fetch api

related fetch api javascript

related js fetch

related .fetch method

fetch request

Comment

fetch(url).then(function(response) {
  return response.json();
}).then(function(data) {
  console.log(data);
}).catch(function() {
  console.log("Booo");
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: stackoverflow.com

Tags: fetch javascript request

Link to this answer
Share Copy Link

Contributed on Mar 22 2022

Blushing Baboon

0 Answers Avg Quality 2/10

Closely Related Answers

fetch api javascript

Comment

169

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 javascript

Comment

const data = { username: 'example' };

fetch('https://example.com/profile', {
  method: 'POST', // or 'PUT'
  headers: {
    'Content-Type': 'application/json',
  },
  body: JSON.stringify(data),
})
.then(response => response.json())
.then(data => {
  console.log('Success:', data);
})
.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 Feb 23 2021

Clean Camel

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 get request

Comment

// Example POST method implementation:
async function postData(url = '', data = {}) {
  // Default options are marked with *
  const response = await fetch(url, {
    method: 'POST', // *GET, POST, PUT, DELETE, etc.
    mode: 'cors', // no-cors, *cors, same-origin
    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
    credentials: 'same-origin', // include, *same-origin, omit
    headers: {
      'Content-Type': 'application/json'
      // 'Content-Type': 'application/x-www-form-urlencoded',
    },
    redirect: 'follow', // manual, *follow, error
    referrerPolicy: 'no-referrer', // no-referrer, *no-referrer-when-downgrade, origin, origin-when-cross-origin, same-origin, strict-origin, strict-origin-when-cross-origin, unsafe-url
    body: JSON.stringify(data) // body data type must match "Content-Type" header
  });
  return response.json(); // parses JSON response into native JavaScript objects
}

postData('https://example.com/answer', { answer: 42 })
  .then(data => {
    console.log(data); // JSON data parsed by `data.json()` call
  });

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: developer.mozilla.org

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Sep 13 2020

Agreeable Alligator

0 Answers Avg Quality 2/10

Fetch Javascript

Comment

fetch('/payment', {
    method: 'POST', 
    headers: {
        'Content-Type': 'application/json',
        'Accept': 'application/json',
        'url': '/payment',
        "X-CSRF-Token": document.querySelector('input[name=_token]').value
    },
})

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: stackoverflow.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Aug 30 2021

Perfect Porcupine

0 Answers Avg Quality 2/10

javascript fetch

Comment

async function postData() {
  // Define the URL of the resource you want to access
  const url = "https://example.com/api/endpoint";

  // Define the data you want to send in the request
  const data = {
    name: "John Doe",
    email: "johndoe@example.com"
  };

  // Use the `fetch` function to make a POST request to the URL
  const response = await fetch(url, {
    method: "POST", // specify that you want to make a POST request
    body: JSON.stringify(data), // convert the data object to a JSON string
    headers: {
      "Content-Type": "application/json" // set the content type of the request
    }
  });

  // Check the status code of the response to make sure it was successful
  if (response.ok) {
    // If the request was successful, get the data from the response
    const result = await response.json();

    // Do something with the data here
    console.log(result);
  } else {
    // If the request was not successful, handle the error here
    console.error("Error:", response.statusText);
  }
}

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Dec 12 2022

Jerome Scott

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

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 method

Comment

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

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Nov 09 2020

Shy Swan

0 Answers Avg Quality 2/10

fetch request

Contents

More Related Answers

fetch request

Closely Related Answers

fetch api javascript

fetch javascript

fetch api javascript

fetch get request

Fetch Javascript

javascript fetch

fetch api

fetch api javascript

js fetch

.fetch method

Grepper

Documentation

Social

Legal

Contact

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