javascript - 从输入元素获取表单和 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，但由于某种原因它总是未定义？

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

有什么想法吗？

Answer 1

您需要传递事件:

$(':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]