如何从表单提交中捕获 GET 请求 url

Question

我有一个相当复杂的 HTML 表单。 此表单向服务器发送 GET 请求。 在提交事件时，我想捕获这个 GET URL 并像 ajax 请求一样发送它。 但不知道如何获得这个提交网址。

我想使用纯 JavaScript 而不是 jQuery。 我试图通过以下方式做到这一点：

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

这段代码的问题是不是表单提交触发的，不知道location.href是不是个好主意。

怎么可能呢？

Answer 1

在表单的submit事件上使用事件侦听器。

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