js $.ajax stop,jQuery.ajaxStop() 函数详解

ajaxStop()函数用于为AJAX请求的ajaxStop事件绑定处理函数。

这是一个全局AJAX事件函数,用于在ajaxStop事件被触发时执行绑定的事件处理函数。

jQuery官方文档描述:无论什么时候,当一个AJAX请求完成(无论成功或失败)时,jQuery会检查当前是否还有其他活跃的(未完成的)AJAX请求。如果在进程中没有找到其他活跃的AJAX请求,jQuery就会触发ajaxStop事件。此时,通过ajaxStop()函数绑定的所有事件处理函数都将被执行。

简而言之,当一个AJAX请求结束的时候,此时没有其他活跃的AJAX请求,该请求就会触发ajaxStop事件。

一般而言,连续执行多个AJAX请求,只有其中最后一个结束的AJAX请求会触发ajaxStop事件。等到所有AJAX请求执行完毕后,再次连续执行多个AJAX请求,还是只有其中最后一个结束的AJAX请求会触发ajaxStop事件。

如果某个AJAX请求被禁止触发全局AJAX事件,则它不会被视为活跃的AJAX请求。

该函数必须在jQuery对象实例上调用,ajaxStop()将为每个匹配元素绑定事件处理函数。当ajaxStop事件被触发时,所有匹配元素上绑定的处理函数都将被调用。事件处理函数内的this将指向当前DOM元素。

你可以为同一元素多次调用该函数,从而绑定多个事件处理函数。触发事件时,jQuery会按照绑定的先后顺序依次执行绑定的事件处理函数。

从jQuery 1.8开始,该函数只能为document对象绑定事件处理函数,为其他元素绑定的事件处理函数不会起作用。

如果在jQuery.ajax()或jQuery.ajaxSetup()中将选项参数global设为false,可以禁止该AJAX请求触发全局的AJAX事件。

该函数属于jQuery对象(实例)。

语法

jQuery 1.0 新增该函数。

jQueryObject.ajaxStop( handler )

参数

参数描述

handlerFunction类型触发该事件时,需要执行的事件处理函数。

返回值

ajaxStop()函数的返回值为jQuery类型,返回当前jQuery对象本身。

示例&说明

关于ajaxStop事件和ajaxStop事件的触发机制,你可以参考jQuery的jQuery.ajax()函数的部分源代码。

通过以下源代码,我们可以知道:jQuery会统计当前活跃的AJAX请求数。每当开始执行一个AJAX请求时,会在活跃数上加1;每当一个AJAX请求结束时,就在活跃数上减1。如果一个AJAX请求开始时,活跃数为0,则触发ajaxStart事件;如果一个AJAX请求结束时,活跃数为0,则触发ajaxStop事件。// jQuery.ajax()函数的开头部分

var fireGlobals = s.global; // 是否允许触发全局AJAX事件

// 如果允许触发全局AJAX事件,并且活跃的AJAX请求数为0,则触发ajaxStart事件

if ( fireGlobals && jQuery.active++ === 0 ) {

jQuery.event.trigger("ajaxStart");

}

// ... 省略中间的源代码

// jQuery.ajax()函数的末尾部分

if ( fireGlobals ) {

globalEventContext.trigger( "ajaxComplete", [ jqXHR, s ] );

// 如果允许触发全局事件,并且活跃的AJAX请求数为0,则触发ajaxStop事件

if ( !( --jQuery.active ) ) {

jQuery.event.trigger("ajaxStop");

}

}

请参考以下HTML示例代码:

CodePlayer
专注于编程开发技术分享
http://www.365mini.com

以下是与ajaxStop()函数相关的jQuery示例代码,以演示ajaxStop()函数的具体用法:

请注意:并不是先执行的AJAX请求就一定先结束,这与整个AJAX请求过程中的网络、数据量、相关代码执行时间等方面密切相关。下面的示例代码均假设所有AJAX请求的用时相同,以便于解释说明。

以下代码请基于1.8之前版本的jQuery来运行。var $divs = $("div");

$divs.ajaxStop( function(){

alert("处理函数1:当前元素id为" + this.id );

} );

$divs.ajaxStop( function(){

alert("处理函数2:当前元素id为" + this.id );

} );

// 点击执行AJAX请求

$("#btn").click( function(){

// 该AJAX请求结束时,下一个AJAX请求正在执行,因此不会触发ajaxStop事件,也不会弹出对话框

$.ajax( { url: "index.html" } );

// 该AJAX请求结束时,上一个AJAX请求已经执行完毕,因此会触发ajaxStop事件

// 它会弹出6次对话框 ,因为当前页面有3个div元素,我们为每个div元素绑定了2个事件处理函数

$.ajax( { url: "myurl.php" } );

} );

如果当前jQuery为1.8及以上版本,上述jQuery代码不会弹出对话框。因为从jQuery 1.8开始,ajaxStop事件的处理函数必须绑定到document对象上才能生效。

因此,不论当前jQuery为何版本,如果不是特殊需求,我们都应该将ajaxStop事件的处理函数绑定到document对象上。var $divs = $("div");

$divs.ajaxStop( function(){

alert("处理函数1");

} );

$divs.ajaxStop( function(){

alert("处理函数2");

} );

// 点击执行AJAX请求

$("#btn").click( function(){

// 该AJAX请求结束时,下一个AJAX请求正在执行,因此不会触发ajaxStop事件,也不会弹出对话框

$.ajax( { url: "index.html" } );

// 该AJAX请求结束时,上一个AJAX请求已经执行完毕,因此会触发ajaxStop事件

// 它会弹出2次对话框 ,因为我们为document绑定了2个事件处理函数

$.ajax( { url: "myurl.php" } );

} );

现在,我们参考以下jQuery代码。我们将第二个AJAX请求延迟3秒执行(或其他能保证第一个AJAX请求执行完毕的时间值),此时两个AJAX请求都会弹出对话框。var $doc = $( document );

$doc.ajaxStop( function(){

alert("处理函数1" );

} );

$doc.ajaxStop( function(){

alert("处理函数2" );

} );

// 点击执行AJAX请求

$("#btn").click( function(){

// 该AJAX请求结束时,此时没有其他活跃的AJAX请求(下一个请求尚未执行),因此会触发ajaxStop事件

// 它会弹出2次对话框

$.ajax( { url: "index.html" } );

// 延迟3秒执行第二个AJAX请求

setTimeout( function(){

// 该AJAX请求结束时,此时没有其他活跃的AJAX请求(上一个请求早已经执行完毕)

// 因此会触发ajaxStop事件,会弹出2次对话框

$.ajax( { url: "myurl.php" } );

}, 3000);

} );

如果第二个AJAX请求被禁止触发全局AJAX事件,则它不会被视作活跃的AJAX请求。第一个AJAX请求会触发ajaxStop事件。var $doc = $( document );

$doc.ajaxStop( function(){

alert("处理函数1" );

} );

$doc.ajaxStop( function(){

alert("处理函数2" );

} );

// 点击执行AJAX请求

$("#btn").click( function(){

// 该AJAX请求开始时,此时没有其他活跃的AJAX请求(下一个请求虽然尚未执行完成,但它被禁止触发全局AJAX事件,jQuery在检查活跃请求时会忽略掉它)

// 因此会触发ajaxStop事件,会弹出2次对话框

$.ajax( { url: "index.html" } );

// 该AJAX请求开始时,此时没有其他活跃的AJAX请求,但它不会触发ajaxStop事件

// 因为它的global选项为false,被禁止触发任何AJAX事件,所以它不会弹出对话框

$.ajax( {

url: "myurl.php" ,

global: false // 禁止触发全局AJAX事件

} );

} );

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/523069.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

2017双11技术揭秘—TDDL/DRDS 的类 KV 查询优化实践

摘要: 性能优化是企业级应用永恒的话题,关系型数据库查询优化更是如此。在前台核心业务场景中,类 KeyValue 查询(以下简称类 KV 查询)是非常常见的,并且在应用总 SQL 流量占比很高,如果仅在SQL层面进行进一步优化会非常困难&#…

深度搜索和广度搜索领接表实现_数据结构与算法--图的搜索(深度优先和广度优先)...

数据结构与算法--图的搜索(深度优先和广度优先)有时候我们需要系统地检查每一个顶点或者每一条边来获取图的各种性质,为此需要从图的某个顶点出发,访遍图中其余顶点,且使得每一个顶点只被访问一次,这个过程就称为图的搜索或者图的…

揭密|淘宝服务端千万级高并发架构的演进之路

戳蓝字“CSDN云计算”关注我们哦!作者 | huashiou来源 | https://segmentfault.com/a/11900000186261631、概述本文以淘宝作为例子,介绍从一百个并发到千万级并发情况下服务端的架构的演进过程,同时列举出每个演进阶段会遇到的相关技术&#…

VMware安装Centos7超详细过程(图文)

软件版本链接VM14后续补充CentOS7http://isoredirect.centos.org/centos/7/isos/x86_64/CentOS-7-x86_64-DVD-1804.iso参考链接https://blog.csdn.net/babyxue/article/details/80970526文章目录一、虚拟机准备① 打开VMwear选择新建虚拟机② 典型安装与自定义安装③ 虚拟机兼容…

2017双11技术揭秘—X-DB支撑双11进入分布式数据库时代

摘要: 今年双11是X-DB的第一次大考,本次双11X-DB服务于天猫/淘宝核心交易系统、核心物流系统、核心IM系统,经受了零点业务32.5万笔/秒峰值的性能考验,同时X-DB支撑起了新一代单元化架构. 作者:章颖强(江疑)…

ifix虚拟服务器,ifix的客户端和服务器

ifix的客户端和服务器 内容精选换一换介绍使用同一VPC内弹性云服务器ECS上的C# Redis客户端连接Redis实例的方法。更多的客户端的使用方法请参考Redis客户端。已成功申请Redis实例,且状态为“运行中”。已创建弹性云服务器,创建弹性云服务器的方法&#…

一张图看懂阿里云网络产品【四】NAT网关

摘要: NAT网关(NAT Gateway)是一款企业级的VPC公网网关,提供SNAT和DNAT功能,支持多IP,支持共享带宽,具备Tbps级别的集群转发能力和Region级别的高可用性。

Failure to find com.oracle:ojdbc6:jar:11.2.0.1.0

报错原因:oracle的ojdbc.jar是收费的,maven的中央仓库是没有的,需要下载到本地,然后打包进maven仓库 1.下载ojdbc6-11.2.0.1.0.jar包 http://central.maven.org/maven2/com/jslsolucoes/ojdbc6/11.2.0.1.0/ojdbc6-11.2.0.1.0.ja…

c++文件流读取一行_「软帝学院」Java挑战者专栏:IO流详解2

软帝学院笔记Day18IO流(字符流FileReader)1.字符流是什么字符流是可以直接读写字符的IO流字符流读取字符, 就要先读取到字节数据, 然后转为字符. 如果要写出字符, 需要把字符转为字节再写出.2.FileReaderFileReader类的read()方法可以按照字符大小读取FileReader fr new FileR…

“AI捡垃圾”上热搜了!46城垃圾分类将投200亿,你怎么看?

自动上海开始推行垃圾分类,上海人民就成为了广大网友的快乐源泉。据说有一位“机智”的程序员由于加班太忙,把垃圾寄快递到昆山去扔。快递员表示:天才操作!并拒绝了他,然后花半小时教他垃圾分类。在哈哈哈的同时&#…

移动端 IP 优选方案

摘要: 无论是从 Local DNS 解析域名,获取到 IP 列表,还是从第三方的 DNS 解析服务中,获取到域名对应的 IP 列表。我们获得多个 IP 后,总是想选取一个最优的 IP 使用,本文主要探讨如何在客户端探测 IP 的连接…

解决“Failure to find com.oracle:ojdbc6:jar”,手动安装ojdbc的jar包到maven私仓

在使用mvn进行编译的时候,遇到如下错误: Could not resolve dependencies for project com.bairong.platform:auth:jar:3.0: Failure to find com.oracle:ojdbc6:jar:11.2.0.1.0 in http://maven.aliyun.com /nexus/content/groups/public/ was cached …

2017双11技术揭秘—阿里数据库进入全网秒级实时监控时代

摘要: 2017双11再次创下了32.5万笔/秒交易创建的纪录,在这个数字后面,更是每秒多达几千万次的数据库写入,如何大规模进行自动化操作、保证数据库的稳定性、快速发现问题是一个巨大的难题, 这也是数据库管控平台要完成的…

混合云发展之路:前景广阔,巨头混战

戳蓝字“CSDN云计算”关注我们哦!知名云管理服务商RightScale(目前已经被Flexera公司收购) 每年都会对企业使用云的情况进行调查,以此分析全球企业云的采用情况。RightScale 发布的2019年全球云计算市场调查显示,在众多云平台中,混…

2017双11技术揭秘—阿里数据库计算存储分离与离在线混布

摘要: 随着阿里集团电商、物流、大文娱等业务的蓬勃发展,数据库实例以及数据存储规模不断增长,在传统基于单机的运维以及管理模式下,遇到诸多如成本,调度效率等问题,因此,2017年首次对数据库实现…

unoconv 在线预览 doc,doxc,xls,xlsx,ppt,pptx 文件功能环境搭建

接上一篇: SpringBoot 在线预览 doc,doxc,xls,xlsx,ppt,pptx 文件 https://blog.csdn.net/weixin_40816738/article/details/102847228 文章目录服务器环境为linux1.切换到root用户:2.执行unoco…

CAD自控lisp_基于AutoLisp的AutoCAD二次开发自动生成系统图

基于AutoLisp的AutoCAD二次开发自动生成系统图【摘要】本文主要阐述了应用autolisp语言二次开发autocad自动生成系统图的实现方案。【关键词】autocad;autolisp;二次开发;系统图0引言水汽集中取样分析装置主要应用于发电厂水汽系统化学分析样…

2017双11技术揭秘—阿里巴巴数据库技术架构演进

摘要: 每年电商双11大促对阿里技术人都是一次大考,对阿里数据库团队更是如此。经过9年的发展,双11单日交易额从2009年的0.5亿一路攀升到2017年的1682亿,秒级交易创建峰值达到了32.5万笔/秒。支撑这一切业务指标的背后,…

SpringBoot 使用unoconv 在线预览 doc,doxc,xls,xlsx,ppt,pptx 文件

接上一篇:linux环境源码安装unoconv Linux环境_源码安装Unoconv实现文件在线预览doc,doxc,xls,xlsx,ppt,pptx 文件 https://gblfy.blog.csdn.net/article/details/103540694 接上一篇:linux环境…

重磅!AWS任命张文翊女士为全球副总裁及大中华区执行董事!

2019年7月11日,北京,亚马逊(NASDAQ:AMZN)旗下公司Amazon Web Services, Inc. (AWS) 今天宣布,任命现任亚马逊全球副总裁及亚马逊中国总裁张文翊为AWS全球副总裁及大中华区执行董事,现任AWS全球副…