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

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

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

1// This will fetch api.example.com/comments with a header and a body
2fetch(`https://api.example.com/comments`, {
3  method: 'POST', //This could be any http method
4  headers: {
5    'Authorization': 'Basic SGVsbG8gdGhlcmUgOikgSGF2ZSBhIGdvb2QgZGF5IQ==',
6    'Content-Type': 'application/json',
7  },
8  body: JSON.stringify({
9	UID: 58,
10    Comment: "Fetch is really easy!",
11  }),
12})
13.then((response) => response.json())
14.then((newComment) => {
15  // Do something magical with your newly posted comment :)
16});

1fetch('https://apiYouWantToFetch.com/players') // returns a promise
2  .then(response => response.json()) // converting promise to JSON
3  .then(players => console.log(players)) // console.log to view the response

1fetch('https://picsum.photos/600/300')
2    .then(res => res.blob())
3    .then(blob => {
4        let img = document.createElement('img');
5        console.log(img);
6        img.src = URL.createObjectURL(blob);
7        document.body.appendChild(img)
8        docuemnt.querySelector('body').appendChild(img);
9    });