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

javascript fetch api post

garzj answered on March 28, 2020 Popularity 10/10 Helpfulness 10/10

answer javascript fetch api post

javascript fetch api post

Comment

fetch('https://example.com/profile', {
  method: 'POST',
  headers: { 'Content-Type': 'application/json' },
  body: JSON.stringify({
  	'foo': 'bar'
  }),
})
  .then((res) => res.json())
  .then((data) => {
    // Do some stuff ...
  })
  .catch((err) => console.log(err));

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: Grepper

Tags: fetch-api javascript post

Link to this answer
Share Copy Link

Contributed on Jul 14 2020

garzj

0 Answers Avg Quality 2/10

Closely Related Answers

fetch json post

Comment

(async () => {
  const rawResponse = await fetch('https://httpbin.org/post', {
    method: 'POST',
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    body: JSON.stringify({a: 1, b: 'Textual content'})
  });
  const content = await rawResponse.json();

  console.log(content);
})();

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: stackoverflow.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on May 07 2020

Average Anaconda

0 Answers Avg Quality 2/10

js fetch 'post' json

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);
});

//																		Yeah

Popularity 10/10 Helpfulness 10/10 Language javascript

Source: developer.mozilla.org

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Mar 28 2020

Smart Morty

0 Answers Avg Quality 2/10

json post fetch

Comment

fetch('https://jsonplaceholder.typicode.com/posts', {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json',
  },
   body: JSON.stringify({
     // your expected POST request payload goes here
      title: "My post title",
      body: "My post content."
      })
})
  .then(res => res.json())
  .then(data => {
   // enter you logic when the fetch is successful
    console.log(data)
  })
  .catch(error => {
  // enter your logic for when there is an error (ex. error toast)
   console.log(error)
  })

Popularity 10/10 Helpfulness 7/10 Language javascript

Source: stackoverflow.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Victorious Vendace

0 Answers Avg Quality 2/10

How can I make a POST request with the Fetch API?

Comment

fetch('https://example.com/api/endpoint', {
  method: 'POST',
  body: JSON.stringify({
    key1: 'value1',
    key2: 'value2'
  }),
  headers: {
    'Content-Type': 'application/json'
  }
})
.then(response => response.json())
.then(data => console.log(data))
.catch(error => console.error(error))

Popularity 9/10 Helpfulness 7/10 Language javascript

Source: Grepper

Tags: javascript j

Link to this answer
Share Copy Link

Contributed on Jan 25 2023

0xTony143

0 Answers Avg Quality 2/10

fetch post

Comment

fetch('https://httpbin.org/post', {
  method: 'POST',
  headers: {
    'Accept': 'application/json, text/plain, */*',
    'Content-Type': 'application/json'
  },
  body: JSON.stringify({a: 7, str: 'Some string: &=&'})
}).then(res => res.json())
  .then(res => console.log(res));

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Sep 12 2022

Shadow

0 Answers Avg Quality 2/10

JavaScript POST request with Fetch API

Comment

const response = await fetch("https://reqbin.com/echo/post/json", {
method: 'POST',
headers: {
  'Accept': 'application/json',
  'Content-Type': 'application/json'
},
body: `{
   "Id": 78912,
   "Customer": "Jason Sweet",
   "Quantity": 1,
   "Price": 18.00
  }`,
});

response.json().then(data => {
  console.log(data);
});

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: reqbin.com

Tags: fetch-api fetc

Link to this answer
Share Copy Link

Contributed on Nov 18 2022

Zorglub

0 Answers Avg Quality 2/10

fetch api post request

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

Link to this answer
Share Copy Link

Contributed on Mar 06 2023

Abhishek Khare

0 Answers Avg Quality 2/10

post request with fetch

Comment

const url = 'https://example.com/api/endpoint'; // Replace with your endpoint URL

const data = {
  name: 'John Doe',
  email: 'johndoe@example.com'
};

const options = {
  method: 'POST',
  headers: {
    'Content-Type': 'application/json'
  },
  body: JSON.stringify(data)
};

fetch(url, options)
  .then(response => response.json())
  .then(data => {
    console.log('Response:', data);
    // Process the response data
  })
  .catch(error => {
    console.error('Error:', error);
    // Handle any errors
  });

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: Grepper

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on May 29 2023

Mehedi Hasan Shanto

0 Answers Avg Quality 2/10

fetch post

Comment

fetch("/echo/json/",
{
    headers: {
      'Accept': 'application/json',
      'Content-Type': 'application/json'
    },
    method: "POST",
    body: JSON.stringify({a: 1, b: 2})
})
.then(function(res){ console.log(res) })
.catch(function(res){ console.log(res) })

Popularity 10/10 Helpfulness 5/10 Language whatever

Source: stackoverflow.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on May 09 2022

Motionless Mole

0 Answers Avg Quality 2/10

javascript fetch api post

Contents

More Related Answers

javascript fetch api post

Closely Related Answers

fetch json post

js fetch 'post' json

json post fetch

How can I make a POST request with the Fetch API?

fetch post

JavaScript POST request with Fetch API

fetch api post request

post request with fetch

fetch post

Grepper

Documentation

Social

Legal

Contact

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