how to use fetch javascript

Add no cores to fetch

// There were no quick access to mode and credentials to other fetch answers.
// Data you'll be sending
const data = { funny: "Absolutely not", educational: "yas" }

fetch('https://example.com/api/', {
  method: 'POST', // The method
  mode: 'no-cors', // It can be no-cors, cors, same-origin
  credentials: 'same-origin', // It can be include, same-origin, omit
  headers: {
    'Content-Type': 'application/json', // Your headers
  },
  body: JSON.stringify(data),
}).then(returnedData => {
  // Do whatever with returnedData
}).catch(err => {
  // In case it errors.
})

Posted by: Guest on December-14-2020

Source

componentDidMount() { // Simple POST request with a JSON body using fetch const requestOptions = { method: 'POST', headers: { 'Content-Type': 'application/json' }, body: JSON.stringify({ title: 'React POST Request Example' }) }; fetch('https://jsonplaceholder.typicode.com/posts', requestOptions) .then(response => response.json()) .then(data => this.setState({ postId: data.id })); }

fetch('https://api.github.com/users/manishmshiva', { method: "GET", headers: {"Content-type": "application/json;charset=UTF-8"} }) .then(response => response.json()) .then(json => console.log(json)); .catch(err => console.log(err));

// fetch API var myData = async () => { try { const raw_response = await fetch("https://jsonplaceholder.typicode.com/users"); if (!raw_response.ok) { // check for the 404 errors throw new Error(raw_response.status); } const json_data = await raw_response.json(); console.log(json_data); } catch (error) { // catch block for network errors console.log(error); } } fetchUsers();

// GET Request. fetch('https://jsonplaceholder.typicode.com/users') // Handle success .then(response => response.json()) // convert to json .then(json => console.log(json)) //print data to console .catch(err => console.log('Request Failed', err)); // Catch errors

const url = 'http://api.open-notify.org/astros.json' const fetchurl = (url:string):void=>{ fetch(url).then(res=>res.json()).then(jsonRes=>{ console.log(jsonRes) }) } fetchurl(url)

Code answers related to "how to use fetch javascript"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Answers for "how to use fetch javascript"

Code answers related to "how to use fetch javascript"

Code answers related to "Javascript"

Javascript Answers by Framework

Browse Popular Code Answers by Language

Popular Programming Languages

Advertisements

Company

Compilers

Help

Connect with us