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

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

0xTony143 answered on February 27, 2020 Popularity 9/10 Helpfulness 8/10

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

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 8/10 Language javascript

Source: Grepper

Tags: javascript post request

Link to this answer
Share Copy Link

Contributed on Jan 25 2023

0xTony143

0 Answers Avg Quality 2/10

Closely Related Answers

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

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

POST request with fetch

Comment

const signUp = (event) => {
  event.preventDefault()
  const emailValue = document.getElementById("email").value
  const passwordValue = document.getElementById("password").value
  fetch("https://reqres.in/api/register", {
    method: "POST",
    headers: {"Content-Type": "application/json"},
    body: JSON.stringify({"email": emailValue, "password": passwordValue})
  })
    .then(response => response.json())
    .then((data) => {
      console.log(data)
    })
}

const form = document.querySelector("#form")
form.addEventListener("submit", signUp)

Popularity 10/10 Helpfulness 4/10 Language javascript

Source: kitt.lewagon.com

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Apr 27 2023

Jeremy c

0 Answers Avg Quality 2/10

fetch post js

Comment

var myHeaders = new Headers();

var myInit = { method: 'POST',
               headers: myHeaders,
               mode: 'cors',
               cache: 'default' };

fetch('flowers.jpg',myInit)
.then(function(response) {
  return response.blob();
})
.then(function(myBlob) {
  var objectURL = URL.createObjectURL(myBlob);
  myImage.src = objectURL;
});

Popularity 10/10 Helpfulness 3/10 Language javascript

Source: developer.mozilla.org

Tags: fetch fetc

Link to this answer
Share Copy Link

Contributed on Feb 27 2020

Docteur SEO

0 Answers Avg Quality 2/10

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

Contents

More Related Answers

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

Closely Related Answers

javascript fetch api post

JavaScript POST request with Fetch API

fetch api post request

post request with fetch

POST request with fetch

fetch post js

Grepper

Documentation

Social

Legal

Contact

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