button ajax提交form表单,使用jQuery和AJAX时,我应该抓住按钮点击或表单提交吗？

假设这个简单的HTML表单：

Input data:

Submit

我想使用jQuery和AJAX提交此表单,因此页面不会刷新.您至少可以通过以下两种方式执行此操作：

1.将事件处理程序附加到表单的实际提交：

$("#settings-form").submit(function(event){

event.preventDefault();

var data = $(this).serialize();

//Ajax code here

});

在这里,我将按钮submit-btn添加type =’submit’.

2.将事件处理程序附加到按钮：

$("#submit-btn").click(function(){

var data = $("#settings-form").serialize(); // or this.closest("form").serialize()

//Ajax code here

});

在这里,submit-btn获取type =’button’

我的问题是：哪个选项更好,为什么？这不是关于在这种情况下哪个类型属性值对于按钮更好,而是为什么事件处理程序1优于2,反之亦然.