【Ajax学习】通过Ajax提交表单数据

1 监听表单提交事件

在jQuery 中。可以使用如下两种方式，监听到表单的提交事件:

注意：是给form标签绑定submit事件，而不是给里面的表单组件绑定

2 阻止表单默认提交行为

当监听到表单的提交事件以后，可以调用事件对象的evegt.preventDefault()函数，来阻止表单的提交和页面的跳转，示例代码如下:

3 快速获取表单中的数据

1.serialize()函数

为了简化表单中数据的获取操作，jQuery提供了serialize(函数，其语法格式如下:

serialize()函数的好处:可以一次性获取到表单中的所有的数据。 

示例：

 注意:在使用serialize()函数快速获取表单数据时，必须为每个表单元素添加name属性!