我的网站上有一个表单,用户可以在其中提交内容并获取结果
<form accept-charset="UTF-8" action="/submit-stuff" data-remote="true" method="post">
<!-- various form fields -->
<input type="submit" value="Run Code" id="submit-button">
</form>
在将他们的信息提交到后端之前,我尝试使用 Javascript 获取结果。如果我能得到结果,我会在 Javascript 中返回 false
以阻止表单提交。
$('#submit-button').click(function() {
if(canGetResults()){
//deal with submission and then
return false;
}
//the button will work as usual if canGetResults is false or there's an error
});
这工作正常,但现在我想尝试通过另一个 ajax 请求获取结果,并且仅在失败时提交到我的常规后端。单击按钮后我调用以下代码:
$.post("http://example.com/submit-stuff", json, function(data) {
//do stuff with data
});
但是,它是异步的(因此我无法从中返回结果),因此即使其他 ajax 尝试失败,代码也会达到 return false
。 我应该如何解决这个问题,以便它只在 ajax 尝试失败时提交到我自己的后端?
我可以将 $.post 更改为 $.ajax 并使其同步,但通常不建议这样做。或者,我可以在 $.post
回调中提交表单,但我应该如何从那里提交整个表单?如果出现错误或http://example.com/submit-stuff,它还会提交吗?不起作用?
最佳答案
您的提交处理程序应始终阻止表单提交。
然后,如果 Ajax 代码返回 OK,您应该调用表单的 submit()
方法。这将绕过提交处理程序并提交表单。
注意:在 DOM 对象上调用 submit
,而不是 jQuery 对象。 jQuery 习惯于从其包装器中触发事件处理程序。
关于javascript - 如何根据 Ajax 请求的结果提交(或不提交)表单?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/25489289/