jQuery使用ajaxSubmit()提交表单示例（转）
这篇文章主要介绍了jQuery使用ajaxSubmit()提交表单示例,使用延第三方插件jquery.form实现,需要的朋友可以参考下：
准备工作：
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法，所以使用此方法需要先引入这个插件。如下所示：<!--jquery需要引入的文件--><script src="https://ajax.aspnetcdn.com/ajax/jQuery/jquery-3.2.1.js"></script><!--ajax提交表单需要引入jquery.form.js--><script type="text/javascript" src="http://malsup.github.io/jquery.form.js"></script>创建页面：
那么，如何通过ajaxSubmit(obj)提交数据呢？首先我们需要一个form：<form>标题：<input type="text" name="title" /><br />内容：<textarea name="content"><textarea/><br /><button>提交</button>
</form>jQuery脚本
这里写代码片上面是一个需要提交内容的form，通常情况下，我们直接通过form提交的话，提交后当前页面跳转到form的action所指向的页面。然而，很多时候我们比不希望提交表单后页面跳转，那么，我们就可以使用ajaxSubmit(obj)来提交数据。使用方法如下所示：$('button').on('click', function() {$('form').on('submit', function() {var title = $('inpur[name=title]').val(),content = $('textarea').val();$(this).ajaxSubmit({type: 'post', // 提交方式 get/posturl: 'your url', // 需要提交的 urldata: {'title': title,'content': content},success: function(data) { // data 保存提交后返回的数据，一般为 json 数据// 此处可对 data 作相关处理alert('提交成功！');}$(this).resetForm(); // 提交后重置表单});return false; // 阻止表单自动提交事件});
});文章来源：
本文来自：http://www.jb51.net/article/48728.htm
说明：和我上一篇文章对比
1.该文是给form绑定submit事件，最后使用return false 来阻止表单同步提交2.该文是设置form表单的action、method、form表单的表单项jQuery使用ajaxSubmit()提交表单示例（转）相关推荐
- jQuery使用ajaxSubmit()提交表单示例
jQuery使用ajaxSubmit()提交表单示例 2014-08-26 07:42 | 9975人阅读 | 来源 ajaxSubmit(obj)方法是jQuery的一个插件jquery.form. ...
- ajax使用pur请求怎么传参,jQuery使用ajaxSubmit()提交表单示例
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: 复制代码 代码如下: 那么,如何通过ajaxSubmit ...
- 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()提交表单示例
ajaxSubmit(obj)方法是jQuery的一个插件jquery.form.js里面的方法,所以使用此方法需要先引入这个插件.如下所示: <script src="http:// ...
- jquery 通过submit()方法 提交表单示例
jquery 通过submit()方法 提交表单示例: 本示例:以用户注册作为例子.使用jquery中的submit()方法实现表单提交. 注:本示例仅提供了对表单的验证,本例只用选用了三个字段作为测 ...
- 使用jquery.form.js提交表单并获取后台返回值
使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的值提交到后台 1.前台js代码 //使用jquery.form.js提交表单并获取后台返回值,会把所有有name属性的 ...
- jquery submit()不能提交表单的解决方法
jquery submit()不能提交表单的解决方法 参考文章: (1)jquery submit()不能提交表单的解决方法 (2)https://www.cnblogs.com/war-hzl/p/ ...
- html ajax提交表单实例,jQuery使用$.ajax提交表单完整实例
本文实例讲述了jQuery使用$.ajax提交表单的方法.分享给大家供大家参考,具体如下: 首先,新建Login.html页面: /p> "http://www.w3.org/TR/x ...
最新文章
- BitmapFactory.Options.inSampleSize 的使用方法
- 计算机考试一年有肌肉,阅卷老师最想看到什么样的字体？电脑阅卷时代，这种字体很吃香...
- [Leetcode] Flatten Binary Tree to Linked List 整平二叉树
- springmvc入门学习
- 修改fragment的进入动画_3DsMax—牛顿摆球（动量守恒摆球）动画
- 原来MySQl就是这样工作的
- 纽约首次尝试在大桥上识别车内司机面孔 失败得很彻底
- 限制车间备料方式更改
- 【Python之旅】第二篇（二）：列表与元组
- c# winform 全角自动转化半角问题（C#中ImeMode的值）：转载
- 关于JavaScript中的事件代理（例子：ul中无数的li上添加点击事件）
- 企业为什么需要BI决策系统？
- java移库数据同步,洗车管理系统会员管理+门店店务同步管理
- Java 后台 google地图通过经纬度寻找地址
- arcgis图层合并裁剪
- recover-quack-data-structure
- 所有人体胸部和下半身各部位的英语单词
- 岁月温柔-9 妈妈吃人参果的后遗症
- IPv6都有哪些地址
- 给研一同学们的深度学习学习规划