关于form表单数据采集的方法


form表单主要用于数据采集

form表单包含:

标签、 表单域、 表单按钮(表单按钮可以用button,也可以用input)

标签的属性:

实际上,表单的同步提交是有缺陷的:

通过点击submit按钮触发表单提交,这种称为表单的默认提交方式,也叫表单的同步提交,这种提交方式使页面跳转到对应的URL页面,而且之前保存的数据会丢失。

因此,常常会禁用表单的默认提交方式,表单只用于负责采集数据,由Ajax来提交信息到服务器。

如何阻止默认提交方式?

此外还可以修改按钮的属性,将type改为其他,不用submit。

jQuery 提供的 serialize()函数,可以一次性获得表单中的数据,从而简化和表单数据的操作。

示例:



  
    
    
    
  

  

formData()方法也可以采集表单数据,集体查看关于formData()方法的随笔!