ajaxForm 、ajaxSubmit 区别

最新推荐文章于 2020-02-01 16:34:17 发布
最新推荐文章于 2020-02-01 16:34:17 发布
阅读量2.1k 收藏
点赞数
分类专栏： javascprit javascript小技巧
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/shipeng22022/article/details/49633269
版权
ajaxForm 
ajaxForm()不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 
ajaxForm()适用于以表单提交方式处理ajax技术（需要提供表单的action、id、 method，最好在表单中提供submit按钮）它大大简化了使用ajax技术提交表单时的数据传递问题，使用ajaxForm()你不需要逐个的以 JavaScript的方式获取每个表单属性的值，并且也不需要在请求路径后面通过url重写的方式传递数据。ajaxForm()会自动收集当前表单中每个属性的值，然后将其以表单提交的方式提交到目标url。这种方式提交数据较安全，并且使用起来更简单，不必写过多冗余的JavaScript代码
 
ajaxSubmit 
ajaxSubmit()马上由AJAX来提交表单。你可以在任何情况下进行该项提交。 

ajaxSubmit()适用于以事件的机制以ajax提交form表单（超链接、图片的click事件），该方法作用与ajaxForm()类似，但它更为灵活，因为他依赖于事件机制，只要有事件存在就能使用该方法。你只需指定该form的action属性即可，不需要提供submit按钮。

师远鹏
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
Jquery表单插件ajaxForm用法详解
永生
05-29 159
来源：[url] http://www.open-open.com/lib/view/open1325032463827.html [/url] 插件主要的方法： ajaxForm ajaxSubmit formToArray formSerialize fieldSerialize fieldValue clearForm clearFields resetFor...
ajaxForm理解
l_degege的专栏
07-07 205
1、cdn <script src="http://libs.baidu.com/jquery/2.0.0/jquery.min.js"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.form/4.2.2/jquery.form.min.js" integrity="sha...
jquery-form插件的ajaxForm和ajaxSubmit的用法与区别
骑着代码去流浪
06-19 1960
原文地址：https://www.cnblogs.com/fire-dragon/p/6708718.html在使用这两种方法之前，首先需要安装form.js的插件，下载就不放了，网上一搜就有；&lt;script src="/Tool/HtmlPage/S45/js/jquery-form.js"&gt;&lt;/script&gt;一、首先说用法，ajaxForm和ajaxSubmit都可以接...
form表单验证（使用ajax和ajaxSubmit）
weixin_42803027的博客
07-26 9759
form表单验证（使用ajax和ajaxSubmit） 本博客由本人做项目时碰到的bug，解决后所写为了警示自己，同时希望能对别人有所帮助： 引入JQuery_form.js &amp;lt;script type=&quot;text/javascript&quot; src=&quot;${ctxStatic}/jquery/jquery.form.js&quot;&amp;gt;&amp;lt;/script&amp;gt;
ajaxForm和ajaxSubmit实现form的ajax提交的方法
haocaicai的博客
12-22 1万+
前几天在学习form表单提交时看到这两种方法，这两种方法都是实现form的ajax提交的方法，看了很多资料还是不太明白其用法和区别，最后直接自己写demo，很快就理解，所以说实操是学习的最快捷直接的途径。好了，下面回到正题： 在使用这两种方法之前，首先需要安装form.js的插件，下载就不放了，网上一搜就有； &lt;script src="/Tool/HtmlPage/S45/js/jque...
ajaxForm和ajaxSubmit 粘贴就可用示例代码
10-26
主要介绍了ajaxForm和ajaxSubmit 粘贴就可用示例代码,需要的朋友可以参考下
浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用
10-21
下面小编就为大家带来一篇浅谈jquery.form.js的ajaxSubmit和ajaxForm的使用。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
jQuery表单插件ajaxForm实例详解
10-20
在本文中，我们将详细探讨ajaxForm插件的使用方法和常见问题。 首先，使用ajaxForm插件前，需要在HTML文档中引入jQuery库和ajaxForm插件的JavaScript文件。示例中引用了jQuery 1.7.2版本和jquery.form.min.js，确保...
ajaxForm与ajaxSubmit的区别
u013594477的专栏
02-05 1191
在使用这两种方法之前，首先需要安装form.js的插件； 一、首先说用法，ajaxForm和ajaxSubmit都可以接收0或1个参数，该参数可以是一个变量、一个对象或回调函数，这个对象主要有以下参数： var object= { url:url,　　　　　　//form提交数据的地址 　　　　　　 type:type,　　　 //for
JQuery ajaxForm（）与ajaxSubmit（）的使用
椒盐薄荷糖
04-08 4884
项目中用到ajax处理form表单的两种方法ajaxForm（）、ajaxSubmit（）需要插件：&lt;script src="/js/jquery-form.js"&gt;&lt;/script&gt;参数：var options = { target: '#output1', // target element(s) to be updated wi...
【js】Ajax提交form表单（ajaxSubmit使用讲解 ）
Jack小强
04-12 2万+
1 、引入依赖脚本    //ajaxForm 依赖脚本 脚本下载地址  http://download.csdn.net/detail/yjqyyjw/9488464 2、使用方法 //1、回调函数使用方法 $('#form1').ajaxForm(function() { $('#output1').html("提交成功！").show()
ajax上传文件：ajaxSubmit使用
赵崇
12-28 2万+
大多上传文件的时候，都是使用表单的方式进行提交的。 使用form表单上传文件，也有很多种方式：        1、界面上直接使用submit按钮提交。这种方式可以实现效果但是没有success事件。即，可以上传文件，但是没有反馈信息。        2、使用jquery的form方法提交表单，这种提交方式，可以对表单指定 onSubmit、success、error事件。这种方式会更加友好一些
zepto form表单
weixin_43294560的博客
02-01 754
1、serialize() 在表单为ajax的post请求中get请求自动获取,将表单元素input、textarea和select属性中的name和value，以及被选中的多选框、单选框 若选中则value为on,未选中则跳过，所有name和value按照键值对,以url中的参数格式&分割，写成字符串 1、 button无效 ...
JQuery ajaxForm,ajaxSubmit的联系和区别
stone_blog的博客
03-02 669
ajaxForm ajaxForm()不能提交表单。在document的ready函数中，使用ajaxForm来为AJAX提交表单进行准备。提交动作必须由submit开始 ajaxSubmit ajaxSubmit()马上由AJAX来提交表单。你可以在任何情况下进行该项提交。
jQuery使用ajaxSubmit()提交表单以及AjaxSubmit的一些用法
热门推荐
熊猫君
05-13 4万+
作为一个Java新人工作的一些总结和笔记，有什么不对的欢迎批评指导。
关于form表单提交ajaxForm和ajaxSubmit的用法与区别
dongao0232的博客
08-21 280
前几天在学习form表单提交时看到这两种方法，这两种方法都是实现form的ajax提交的方法，看了很多资料还是不太明白其用法和区别，最后直接自己写demo，很快就理解，所以说实操是学习的最快捷直接的途径。好了，下面回到正题： 在使用这两种方法之前，首先需要安装form.js的插件，下载就不放了，网上一搜就有； <script src="/Tool/HtmlPage/S45/js...
Jquery插件之ajaxForm简介
xsatc的博客
09-23 152
Jquery插件之ajaxForm简介 我们平常在使用jQuery异步提交表单的时候，一般都是加载在submit事件中，如下所示: 1 $(document).ready(function(){ 2 $('#myForm').submit(function(){ 3 $.ajax({ 4 url...
jQuery表单插件ajaxForm,ajaxSubmit使用详解
最新发布
05-16
jQuery表单插件ajaxForm和ajaxSubmit都是用来实现表单提交的，其中ajaxForm适用于所有的表单，而ajaxSubmit只适用于表单中的input、select等元素，不能包含文件上传域。 ajaxForm的使用方法： 1.引入jQuery库和jquery.form.js插件文件 ``` <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> ``` 2.使用ajaxForm函数提交表单 ``` $(document).ready(function() { $('#form1').ajaxForm(function(data) { alert(data); }); }); ``` 其中，#form1是表单的ID，data是服务器端返回的数据。 ajaxSubmit的使用方法： 1.引入jQuery库和jquery.form.js插件文件 ``` <script type="text/javascript" src="jquery.min.js"></script> <script type="text/javascript" src="jquery.form.js"></script> ``` 2.使用ajaxSubmit函数提交表单 ``` $(document).ready(function() { $('#form1').submit(function() { $(this).ajaxSubmit({ success: function(data) { alert(data); } }); return false; }); }); ``` 其中，#form1是表单的ID，data是服务器端返回的数据。 ajaxSubmit还可以通过其他参数来设置表单提交的相关信息，如： ``` $(document).ready(function() { $('#form1').submit(function() { $(this).ajaxSubmit({ type: 'post', // 提交方式，get或post，默认为get url: 'submit.php', // 提交的URL地址 data: { // 提交的数据，键值对形式 username: 'admin', password: '123456' }, dataType: 'json', // 服务器返回的数据类型，text、xml、json等 success: function(data) { // 提交成功后的回调函数 alert(data); } }); return false; }); }); ``` 以上就是ajaxForm和ajaxSubmit的详细使用方法。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值