How to make a normal request in fetch?

Question

HTML

I decided to try fetch, but when I try to get the server response data, I get not very beautiful code. Is there a better way to write?

document.querySelector('#login-form').onsubmit = function (e) {
      e.preventDefault();
      fetch('/login', {
        method: 'POST',
        body: 'Hello'
      }).then(function(response) {
        return response.json();
      }).then(function(result) {
        alert(result.data);
      });
    }

Answer 1

You can use axios

axios.post('/login', { body: 'Hello' })
  .then(function(res) {
    alert(res.data);
  });

Requests to the north are well formatted with separate functions:
ES5 version:

const login = function(options) {
  return axios.post('/login', options);
}

Its use in code: ES5 version:

login(options).then(function(res) {
  alert(res.data);
});

in async function:

async () => {
  try {
    const { data } = await login(options);
    /* some other logic */ 
  } catch e {
    console.log('Server request error:', e);
  }
}