fetch method

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('http://example.com/movies.json')
2  .then((response) => {
3    return response.json();
4  })
5  .then((myJson) => {
6    console.log(myJson);
7  });

1fetch('http://example.com/data.json')
2  .then(data => data);
3  .catch(err => console.log(err));