Форма AJAX отправляет GET & отправляет форму на текущую страницу вместо POST jquery

Question

Я пытаюсь отправить форму документа google через AJAX, но она не работает. Он продолжает пытаться отправить форму на страницу, на которой я нахожусь, как GET, а не запрос url формы POST, который я пытаюсь выполнить.

Моя форма выглядит

<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

попробуйте добавить возврат ложных

$.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; 

Answer 2

Удалить «_self», не должно быть никакой целевой, так как вы отправляете форму через AJAX.