How to catch GET request url from form submit

Question

I have a quite complicated HTML form. This form sends a GET request to the server. On submit event I would like to catch this GET URL and send it like an ajax request. But don't know how to get this submit URL.

I would like to have it in pure JavaScript and not with jQuery. I tried to do it via:

addEventlistener('beforeunload', function(e) {
    e.preventDefault();
    var getUrl = location.href;
});

The problem with this code is that it is not triggered by form submit, and I don't know if location.href is a good idea.

How could it be done?

Answer 1

Use an event listener on the form's submit event.

document.querySelector("#yourform").addEventListener('submit', function(e) {
  e.preventDefault(); // block the default GET request
  let url = this.action;
  // rest of code for sending AJAX request to url
});