文档章节

JQeury form插件的ajaxForm方法和ajaxSubmit方法的区别

大_于
 大_于
发布于 2014/06/17 10:34
字数 345
阅读 3777
收藏 4
点赞 1
评论 0
/**
 * ajaxForm() provides a mechanism for fully automating form submission.
 *
 * The advantages of using this method instead of ajaxSubmit() are:
 *
 * 1: This method will include coordinates for <input type="image" /> elements (if the element
 *    is used to submit the form).
 * 2. This method will include the submit element's name/value data (for the element that was
 *    used to submit the form).
 * 3. This method binds the submit() method to the form for you.
 *
 * The options argument for ajaxForm works exactly as it does for ajaxSubmit.  ajaxForm merely
 * passes the options argument along after properly binding events for submit elements and
 * the form itself.
 */
$.fn.ajaxForm = function(options) {
    options = options || {};
    options.delegation = options.delegation && $.isFunction($.fn.on);

    // in jQuery 1.3+ we can fix mistakes with the ready state
    if (!options.delegation && this.length === 0) {
        var o = { s: this.selector, c: this.context };
        if (!$.isReady && o.s) {
            log('DOM not ready, queuing ajaxForm');
            $(function() {
                $(o.s,o.c).ajaxForm(options);
            });
            return this;
        }
        // is your DOM ready?  http://docs.jquery.com/Tutorials:Introducing_$(document).ready()
        log('terminating; zero elements found by selector' + ($.isReady ? '' : ' (DOM not ready)'));
        return this;
    }

    if ( options.delegation ) {
        $(document)
            .off('submit.form-plugin', this.selector, doAjaxSubmit)
            .off('click.form-plugin', this.selector, captureSubmittingElement)
            .on('submit.form-plugin', this.selector, options, doAjaxSubmit)
            .on('click.form-plugin', this.selector, options, captureSubmittingElement);
        return this;
    }

    return this.ajaxFormUnbind()
        .bind('submit.form-plugin', options, doAjaxSubmit)
        .bind('click.form-plugin', options, captureSubmittingElement);
};

    上面摘录的代码,是JQuery fom插件中ajaxFom这个方法的源代码。

    下载地址为:http://plugins.jquery.com/form/

    ajaxForm注释的含义,大致强调这点意思:

        用ajaxform,要么form表单中包含可以submit的元素,要么方法在注册submit事件中调用。也就是说,用ajaxForm必须要有触发submit的方法,否则无法提交form。

    相比而言,ajaxSubmit这个方法将直接触发form的submit提交。


© 著作权归作者所有

共有 人打赏支持
大_于
粉丝 3
博文 32
码字总数 12003
作品 0
南京
技术主管
Form在某些浏览器中自动向本页面提交并“刷新”

今天在码js时遇到一个神奇的Bug 就是这么一个简单的form提交,在Chrome上可以完美运行,表单提交成功后跳转到其他页面。但是在FireFox、Safari浏览器上总是会再次跳转到自己页面,而查看数据...

皇家马德里主教练齐达内 ⋅ 04/28 ⋅ 0

ajaxFrom 与ajaxSubmit 区别

首先都需要安装form.js的插件 ajaxForm() : 1,不能提交表单(需要提供表单的action、id、 method,最好在表单中提供submit按钮)。2,在document的ready函数中,使用ajaxForm来为AJAX提交表...

BestDay ⋅ 2016/10/12 ⋅ 0

jquery.form.js官方插件介绍Form插件,支持Ajax,支持Ajax文件上传

[JQuery框架应用]:form.js官方插件介绍 Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用。 1、JQuery框架软件包下载 2、Form插件下载 3、Form插件的简单入门 第一步:先...

孙斐 ⋅ 2011/12/14 ⋅ 0

jquery表单验证插件 jquery.form.js

Form插件,支持Ajax,支持Ajax文件上传,功能强大,基本满足日常应用。 1.JQuery框架软件包下载 http://docs.jquery.com/DownloadingjQuery 2.Form插件下载 https://github.com/malsup/form...

FoxHu ⋅ 2012/05/08 ⋅ 1

Jquery表单插件ajaxForm用法详解

插件主要的方法: ajaxForm ajaxSubmit formToArray formSerialize fieldSerialize fieldValue clearForm clearFields resetForm 示例代码: // wait for the DOM to be loaded $(document)......

Adam-Lee ⋅ 2011/12/27 ⋅ 2

jQuery.form 的最新版本是 3.14

有日子没跟进 jQuery.form 插件了,该插件已经从 2.xx 更新到 3.xx 了,目前最新版本是 3.14,下载地址: http://malsup.github.com/jquery.form.js jQuery.form 是一个全面支持表单的jQuer...

oschina ⋅ 2012/09/06 ⋅ 13

jQuery.form 2.95 发布

jQuery.form 2.95 发布了,这是一个小的bug修复版本,详情请看这里。 jQuery.form 是一个全面支持表单的jQuery插件,支持文件上传,目前 OSCHINA 正在使用。包含以下一些方法: -ajaxForm -a...

红薯 ⋅ 2012/02/14 ⋅ 7

JQuery读书笔记--JQuery-Form中的AjaxForm和AjaxSubmit的区别

Query中的AjaxForm和AjaxSubmit使用差不多功能也差不多。很容易误解。 按照作者的解释: AjaxForm ajaxForm不能提交表单。在document的ready函数中,使用ajaxForm来为AJAX提交表单进行准备。...

李长春 ⋅ 2011/11/29 ⋅ 0

jQuery.form 2.73 发布

该版本调整了对XML响应header的处理逻辑。 jQuery.form 是一个全面支持表单的jQuery插件,支持文件上传,包含以下一些方法: -ajaxForm -ajaxSubmit - formToArray - formSerialize - fieldS...

红薯 ⋅ 2011/05/04 ⋅ 1

没有更多内容

加载失败,请刷新页面

加载更多

下一页

关于“幂等”操作

一个幂等(idempotent)操作的特点是其任意多次执行所产生的影响均与一次执行的影响相同. 开发中, 我们经常考虑幂等操作的场景有“接口调用”、“MQ消费”、“自动任务”等 接口调用, 可能出现...

零二一七 ⋅ 13分钟前 ⋅ 0

Dubbo服务服务暴露之ProxyFactory Invoker

Dubbo服务暴露过程中有涉及到调用ProxyFactory 中方法获取Invoker对象的过程,现在我们来深究下源码,来看下这个过程是在做些什么,返回的Invoker 对象是什么,我们来看一下代码的切入点: ...

哲别0 ⋅ 28分钟前 ⋅ 0

GP两种连接方式性能测试

GP两种连接方式性能测试 Pivotal import java.sql.Connection; import java.sql.DriverManager; import java.sql.PreparedStatement; import java.sql.ResultSet; public class GPQueryStrin......

仔仔1993 ⋅ 32分钟前 ⋅ 0

jsonrpc-4j代码解析

解析文件 AutoJsonRpcServiceImplExporter JsonServiceExporter AutoJsonRpcServiceImplExporter 路径:com.googlecode.jsonrpc4j.spring.AutoJsonRpcServiceImplExporter AutoJsonRpcServi......

郭恩洲_OSC博客 ⋅ 54分钟前 ⋅ 0

百度搜索

from selenium import webdriver import time brower=webdriver.Firefox() brower.get('http://www.baidu.com') input=brower.find_element_by_id('kw') input.send_keys('中南大学') time.s......

南桥北木 ⋅ 今天 ⋅ 0

tomcat 日志记录器

1、日志记录器是记录消息的组件 日志记录器需要与某个servlet 容器相关联 2、Logger 接口 共定义了5种日志级别:FATAL、ERROR、WARNING、INFORMATION、DEBUGGER setVerbosity 设置级别 setC...

职业搬砖20年 ⋅ 今天 ⋅ 0

Thrift RPC实战(三) Thrift序列化机制

1.Thrift基础架构 Thrift是一个客户端和服务端的架构体系,数据通过socket传输; 具有自己内部定义的传输协议规范(TProtocol)和传输数据标准(TTransports); 通过IDL脚本对传输数据的数据结构...

lemonLove ⋅ 今天 ⋅ 0

网站建设就要像2018世界杯的俄罗斯队大杀四方[图]

今天心情不错,因为昨天晚上观看了世界杯比赛,尤其是对俄罗斯队的大杀四方感到十分霸气侧漏啊,因此我联想到了自己的博客网站,我的博客是去年年底上线的,一直想建设一个关于读书和读后感作...

原创小博客 ⋅ 今天 ⋅ 0

linux 信号机制

signal(SIGPIPE, SIG_IGN); TCP是全双工的信道, 可以看作两条单工信道, TCP连接两端的两个端点各负责一条. 当对端调用close时, 虽然本意是关闭整个两条信道, 但本端只是收到FIN包. 按照TCP协...

xxdd ⋅ 今天 ⋅ 0

my.cnf, my-small.cnf, my-medium.cnf, my-large.cnf

1. my-small.cnf # Example MySQL config file for small systems.## This is for a system with little memory (<= 64M) where MySQL is only used# from time to time and it's importa......

周云台 ⋅ 今天 ⋅ 0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部