ajax提交form表单验证用ajax提交form表单

html怎么获取form表单

html中获取表单数据的的方法一般有两种，一个是使用form表单的action属性将表单的数据提交给后台，另外一种就是使用JavaScript方法获取表单的数据，然后通过ajax传送给后台。工具原料：编辑器、浏览器一、使用表单的方法提交数据1、利用form表单的action属性来获取表单的数据并提交，代码如下：12345

2、以上代码中method指定提交数据的方法为get，action的值是表单数据提交的地址。二、使用JavaScript方法来获取表单的数据的方法1、可以使用JavaScript的选择器选择表单的元素并获取其输入的数据，代码如下：123456789 2、其中$('#bt1').val()就是获取input输入内容的值

ajax与表单的action提交有什么区别

（1）ajax在提交、请求、接收时，都是异步进行，网页不需要刷新，只刷新页面局部，不关心也不影响页面其他部分的内容。

Form提交则是新建一个页面，哪怕是提交给自己本身的页面，也需要刷新，为了维持页面用户对表单的状态改变，要在控制器和模板之间传递更多参数以保持页面状态。

（2）ajax提交时，是在后台新建一个请求。

Form却是放弃本页面，然后再请求。

（3）ajax必须要用js来实现，存在调试麻烦、浏览器兼容问题，而且不启用js的浏览器，无法完成操作。

Form表单是浏览器自带的，无论是否开启js，都可以提交表单。

（4）ajax在提交、请求、接收时，整个过程都需要使用程序来对其进行数据处理。

Form表单提交，是根据表单结构自动完成，不需要代码干预。用submit提交。

如何实现form表单提交后数据不刷新

$('form').submit(function (event) { event.preventDefault(); var form = $(this); if (!form.hasClass('fupload')) { //普通表单 $.ajax({ type: form.attr('method'), url: form.attr('action'), data: form.serialize() }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); } else { // mulitipart form,如文件上传类 var formData = new FormData(this); $.ajax({ type: form.attr('method'), url: form.attr('action'), data: formData, mimeType: "multipart/form-data", contentType: false, cache: false, processData: false }).success(function () { //成功提交 }).fail(function (jqXHR, textStatus, errorThrown) { //错误信息 }); }; });