jQuery基于Ajax方式提交表单功能示例

前端之家收集整理的这篇文章主要介绍了jQuery基于Ajax方式提交表单功能示例前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。

本文实例讲述了jQuery基于Ajax方式提交表单功能分享给大家供大家参考,具体如下:

提交表单一般通过同步的方式提交,提交后页面刷新或跳转到新页面显示服务器端返回的处理结果。如果表单提交后有另外的操作或业务需求需要还在这个页面显示或处理,那么页面不能整体刷新,这时第一想到的就是采用ajax的方式提交表单。下面完整的介绍一个表单采用ajax方式提交的流程。

一、准备

1、页面引入jQuery文件

2、页面引入jQuery的表单插件jQuery.form.js

二、实施

1、页面中的表单

2、提交表单的代码

禁止清楚表单 resetForm: false //禁止重置表单 }); });

点击提交按钮触发绑定的click事件。

代码部分也可以封装为一个方法,在其他地方调用

三、不使用jQuery.from表单插件的方式

注:表单中必须有类型为submit的input按钮,用来激活submit方法。此种提交方式只能提交表单中比较简单的文本项,对于file类型的数据无法进行提交。input提交按钮的id和name属性的值不能为submit,否则会造成冲突而无法提交表单。

更多关于jQuery相关内容感兴趣的读者可查看本站专题:《》、《》、《》、《》、《》、《》及《用法总结》

希望本文所述对大家jQuery程序设计有所帮助。

猜你在找的Ajax相关文章