fetch json post

1(async () => {
2  const rawResponse = await fetch('https://httpbin.org/post', {
3    method: 'POST',
4    headers: {
5      'Accept': 'application/json',
6      'Content-Type': 'application/json'
7    },
8    body: JSON.stringify({a: 1, b: 'Textual content'})
9  });
10  const content = await rawResponse.json();
11
12  console.log(content);
13})();

1//Obj of data to send in future like a dummyDb
2const data = { username: 'example' };
3
4//POST request with body equal on data in JSON format
5fetch('https://example.com/profile', {
6  method: 'POST',
7  headers: {
8    'Content-Type': 'application/json',
9  },
10  body: JSON.stringify(data),
11})
12.then((response) => response.json())
13//Then with the data from the response in JSON...
14.then((data) => {
15  console.log('Success:', data);
16})
17//Then with the error genereted...
18.catch((error) => {
19  console.error('Error:', error);
20});
21
22//																		Yeah

1fetch('https://example.com/profile', {
2  method: 'POST',
3  headers: { 'Content-Type': 'application/json' },
4  body: JSON.stringify({
5  	'foo': 'bar'
6  }),
7})
8  .then((res) => res.json())
9  .then((data) => {
10    // Do some stuff ...
11  })
12  .catch((err) => console.log(err));

1// data to be sent to the POST request
2let _data = {
3  title: "foo",
4  body: "bar", 
5  userId:1
6}
7
8fetch('https://jsonplaceholder.typicode.com/posts', {
9  method: "POST",
10  body: JSON.stringify(_data),
11  headers: {"Content-type": "application/json; charset=UTF-8"}
12})
13.then(response => response.json()) 
14.then(json => console.log(json))
15.catch(err => console.log(err));

1fetch('http://example.com/movies.json')
2  .then((response) => {
3    return response.json();
4  })
5  .then((data) => {
6    console.log(data);
7  });
8

1// Example POST method implementation:
2async function postData(url = '', data = {}) {
3  // Default options are marked with *
4  const response = await fetch(url, {
5    method: 'POST', // *GET, POST, PUT, DELETE, etc.
6    mode: 'cors', // no-cors, *cors, same-origin
7    cache: 'no-cache', // *default, no-cache, reload, force-cache, only-if-cached
8    credentials: 'same-origin', // include, *same-origin, omit
9    headers: {
10      'Content-Type': 'application/json'
11      // 'Content-Type': 'application/x-www-form-urlencoded',
12    },
13    redirect: 'follow', // manual, *follow, error
14    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
15    body: JSON.stringify(data) // body data type must match "Content-Type" header
16  });
17  return response.json(); // parses JSON response into native JavaScript objects
18}
19
20postData('https://example.com/answer', { answer: 42 })
21  .then(data => {
22    console.log(data); // JSON data parsed by `data.json()` call
23  });