javascript - 如何使用 javascript 发送表单而不被重定向？

Question

我使用 submit(callback) jQuery 方法，在回调中我序列化我的表单并执行 ajax post 调用。

但是这次，我需要上传一个文件，而这个方法似乎不起作用，所以我尝试使用 submit() jQuery 方法直接提交表单，但我是无法避免重定向，但是我在之前调用 e.preventDefault();:

$('form.input.upload').change(function(e) {
  e.preventDefault();
  $('form.example').submit();
});

Answer 1

你必须做preventDefault在 onsubmit事件<form> ，不在 onchange 中事件<input> :

$("form.example").on("submit", function (e) {
  // preventing browser's native form submit
  e.preventDefault();
});

$("form.example input.upload").on("change", function (e) {
  // auto-submit if input.upload changed
  $("form.example").submit();
});

更新:在编辑之前我并不完全正确。单击 <input type="submit"> 将触发 onsubmit 事件或者在任何聚焦的 <input> 中按 Enter 键。但是:如果您调用submit()，则不会触发该事件。以编程方式运行。

好吧，更深入地思考，你真正的问题 - 文件上传 - 比我的答案要难一些。通过评论链接的问题对此有一个很好的答案;)