AJAX表单发送GET＆发送表单到当前页面而不是POST jquery

我试图通过AJAX提交一个google doc表单，但它不工作。它一直试图将表单发送到我作为GET的页面，而不是我尝试的Google表单POST url请求。AJAX表单发送GET＆发送表单到当前页面而不是POST jquery

我的形式看起来像

<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？

来源

2016-10-04 user1180888

可能重复的[event.preventDefault（）与返回false]（http://stackoverflow.com/questions/1357118/event-preventdefault-vs-return-false） –

我试过这个答案，它没有有所作为@MikeC – user1180888

您是否尝试删除'onsubmit =“”'？你是否把'return false;'添加到你的handler的* end *中？您是否在添加处理程序之前等待DOM准备就绪？ –

尝试添加回假

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

来源

2016-10-04 17:26:04

不，它只是通过获取请求发送到同一页面。 JS应该在形式之后吗？我拥有它在我的页面顶部。 – user1180888

是的，除非你用$（document）.ready或类似的东西包装它。如果脚本位于表单之前，那么当您尝试注册提交处理程序时，表单尚不存在，并且浏览器的默认行为将发生。 – fistuks

谢谢@fistuks，那就是问题所在。顶部有脚本。谢谢！！ – user1180888

删除“_self”，应该没有目标，因为你通过AJAX提交表单。

来源

2016-10-04 17:53:14 DanielTheGeek

AJAX表单发送GET＆发送表单到当前页面而不是POST jquery

回答

相关问题