通过jQuery中的ajaxSubmit()提交表单

1、为什么使用：通过ajaxSubmit()方式可以在不刷新页面的情况下异步提交表单

2、前提：除了引入必要的jquery.js外还要引入js/jquery.form.js

3、使用实例：

<script type="text/javascript" src="js/jquery-1.10.2.min.js"></script><script type="text/javascript" src="js/jquery.form.js"></script><script type="text/javascript">$(function () {//绑定提交button点击事件$('#btn').click(function () {//获取表单中要提交的数据let name = $('input[name=name]').val();let password = $('input[name=password]').val();//在对该button按钮绑定ajaxSubmit提交，将数据提交到后台$(this).ajaxSubmit({type: 'get',url: 'testAjax',data: {'name': name,'password': password},success(result) {console.log('提交成功！，后台返回数据:' + result)}});$('#form').resetForm();      //提交表单后重置表单});});</script>
</head>
<body>
<form action="testAjax" id="form"><input type="text" name="name"> <br><input type="password" name="password"> <br><button id="btn">提交</button>
</form>
</body>

通过jQuery中的ajaxSubmit()提交表单相关推荐

jquery系列之-ajaxSubmit()提交表单示例
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http:// ...
jQuery使用ajaxSubmit()提交表单示例（转）
这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下: 准备工作: ajaxSubmit(obj)方法是jQuery ...
jQuery使用ajaxSubmit()提交表单示例
jQuery使用ajaxSubmit()提交表单示例 2014-08-26 07:42 | 9975人阅读 | 来源 ajaxSubmit(obj)方法是jQuery的一个插件jquery.form. ...
jQuery.Form.js 异步提交表单使用总结
jQuery.Form.js 是一个用于使用jQuery异步提交表单的插件,它使用方法简单,支持同步和异步两种方式提交. 第一步:引入jQuery与jQuery.Form.js 1 <scrip ...
jquery 通过submit()方法提交表单示例
jquery 通过submit()方法提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...
jquery 上传图片 java_jquery 异步提交表单上传图片小例子
这次做ecshop项目用到了一些小东西,这里我就把在项目中用到的一个异步上传多个产品图片的小东西,不是多好,但是是我自己查资料搞出来的.放这里,给自己和大家一个参考,欢迎丢砖!(jquery+spri ...
一款基于jquery ui的动画提交表单
今天要给大家分享一款基于jquery ui的动画提交表单.这款提交表单的的效果是以动画的形式依次列表所需填写的信息.效果非常不错,效果图如下: 在线预览源码下载实现的代码. html代码: & ...
jQuery使用ajaxSubmit()提交表单以及AjaxSubmit的一些用法
一:表单提交的实例 <1>要使用的架包: <script type="text/javascript" src="lib/jquery/1.9.1/jq ...
jQuery使用ajaxSubmit()提交表单
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: 复制代码代码如下: <script src=&qu ...

通过jQuery中的ajaxSubmit()提交表单

通过jQuery中的ajaxSubmit()提交表单相关推荐

最新文章

热门文章