如何從表單提交中捕獲 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
});