fetch javascript

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

1// There were no quick access to mode and credentials to other fetch answers.
2// Data you'll be sending
3const data = { funny: "Absolutely not", educational: "yas" }
4
5fetch('https://example.com/api/', {
6  method: 'POST', // The method
7  mode: 'no-cors', // It can be no-cors, cors, same-origin
8  credentials: 'same-origin', // It can be include, same-origin, omit
9  headers: {
10    'Content-Type': 'application/json', // Your headers
11  },
12  body: JSON.stringify(data),
13}).then(returnedData => {
14  // Do whatever with returnedData
15}).catch(err => {
16  // In case it errors.
17})

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

1const data = { username: 'example' };
2
3fetch('https://example.com/profile', {
4  method: 'POST', // or 'PUT'
5  headers: {
6    'Content-Type': 'application/json',
7  },
8  body: JSON.stringify(data),
9})
10.then(response => response.json())
11.then(data => {
12  console.log('Success:', data);
13})
14.catch((error) => {
15  console.error('Error:', error);
16});
17

1fetch('/payment', {
2    method: 'POST', 
3    headers: {
4        'Content-Type': 'application/json',
5        'Accept': 'application/json',
6        'url': '/payment',
7        "X-CSRF-Token": document.querySelector('input[name=_token]').value
8    },
9})
10