从输入元素获取表单和 FormData 对象？

Question

所以我想在每次点击表单“提交”输入时触发一个 Javascript 函数，这样我就可以用 Javascript 处理提交。

我有以下几点：

$(':submit').click(function(){
    var currentForm = $(this)[0].form;
    event.preventDefault(); //Stop default form submission
    var formData = new FormData(currentForm);

    $.ajax({/*Handle form submission here*/});
});

我尝试了几种不同的变体来获取 currentForm，但由于某种原因它总是未定义？

这不是获取form 对象然后在Javascript 中将其转换为FormData 对象的正确方法吗？我在How to get the form parent of an input? 上尝试了几种解决方案，但都没有奏效。

有什么想法吗？

Answer 1

你需要通过event:

$(':submit').click(function(event){
   var currentForm = $('form')[0];
   event.preventDefault(); //Stop default form submission
   var formData = new FormData(currentForm);

   $.ajax({/*Handle form submission here*/});
});

更新

所以看起来$('form') 返回一个jQuery 对象，但需要将HTML 元素传递给FormData. [0] 这样做。与调用$('form').get(0) 相同。所以使用$('form')[0]