javascript - POST 到外部 URL (webhook) 但重定向到不同的 URL

Question

在我的表单中，我将数据发布到作为 Webhook 的外部 URL。用户提交并将数据传递到 webhook 后，我想将用户重定向到确认页面。

我下面的代码有问题。当用户提交表单时，jQuery 确实会将用户带到确认页面，但表单数据不会触发 webhook(不收集数据)。有人可以帮我解决我哪里出错了吗？

这是我的代码:

HTML

<form action="https://externalurl.com/webhook" method="POST">
     <input id="email" name="email">
     <input id="firstname" name="firstname">
     <input id="lastname" name="lastname">
     <button type="submit">Submit</button>
</form>

JQuery

    $('form').submit(function() {
    $.ajax({
        type: 'POST',
        url: $(this).attr('action'),
        dataType: 'json',
        success: function(json) {
           window.location.href = "https://www.mypage.com/confirmation";
          }
    });
    return false;
});

提前致谢

Answer 1

表单中有提交按钮吗？