post request with fetch

Mehedi Hasan Shanto answered on March 28, 2020 Popularity 10/10 Helpfulness 5/10

answer post request with fetch

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 post request whatever

Link to this answer
Share Copy Link

Contributed on May 29 2023

Mehedi Hasan Shanto

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

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 fetc

Link to this answer
Share Copy Link

Contributed on Jul 14 2020

garzj

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

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

post request with fetch

Contents

More Related Answers