javascript - AJAX 表单发送 GET 并将表单发送到当前页面而不是 POST jquery

Question

我正在尝试通过 AJAX 提交 Google 文档表单，但它不起作用。它不断尝试将表单以 GET 方式发送到我所在的页面，而不是我正在尝试的 google 表单 POST url 请求。

我的表单看起来像

<form id="ss-form" target="_self" onsubmit="" action="">

.....
<input type="submit" name="submit" value="Submit" id="ss-submit" class="jfk-button jfk-button-action ">
</form>

我的 JS 看起来像:

 <script>
$('#ss-form').submit(function(e) {
    e.preventDefault();
    $.ajax({
        url: "https://docs.google.com/a/example.com/forms/d/e/1FAI324B_-XUt0dQ-0AmlfwdfUu5dbEefwjVNud_hNlOKQ/formResponse",
        data: $(this).serialize(),
        type: "POST",
        dataType: "xml",
        success: function(data) {
            console.log('Submission successful');
        },
        error: function(xhr, status, error) {
            console.log('Submission failed: ' + error);
        }
    });
});
</script>  

但这只是重新加载我的页面，例如 example.com?entry.1850833=test 并且它是作为 GET 请求。

有什么想法为什么会发生这种情况吗？如何让它通过 AJAX 代码发送它，并停止以 GET 方式在当前页面刷新表单？

Answer 1

尝试添加 return false

$.ajax({
    url: "https://docs.google.com/a/example.com/forms/d/e/1FAI324B_-XUt0dQ-0AmlfwdfUu5dbEefwjVNud_hNlOKQ/formResponse",
    data: $(this).serialize(),
    type: "POST",
    dataType: "xml",
    success: function(data) {
        console.log('Submission successful');
    },
    error: function(xhr, status, error) {
        console.log('Submission failed: ' + error);
    }
});
return false;