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

1fetch('./yourjson.json')
2  .then((response) => response.json())
3  .then((data) => {
4  	console.log(data);
5  })

1const _fetch = async props => {
2   const { endpoint, options } = props
3   return await fetch(endpoint, options)
4   .then(async res => {
5      if (res.ok) {
6         return await res.clone().json().catch(() => res.text())
7      }
8      return false
9   })
10   .catch(err => {
11      console.error("api", "_fetch", "err", err)
12      return false
13   })
14}

1var myRequest = new Request('products.json');//GET
2var myRequest = new Request('products.json', {method: "post"});//POST
3
4fetch(myRequest)
5  .then(response => response.json())
6  .then(data => {
7    console.log(data);
8  })
9  .catch(console.error);
10