Jquery ajaxStart()与ajaxStop()方法(实例讲解)


Posted in Javascript onDecember 18, 2013

jQuery中通过ajaxStart()和ajaxStop()两个方法提供了类似的功能。当一个Ajax请求启动时,并且没有其他未完成的Ajax请求时,将调用ajaxStart()方法。同样,ajaxStop()方法则是在所有Ajax请求都完成时调用。这些方法的参数都是一个函数,这个函数将在事件发生时被调用。

例子

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title>无标题页</title>
    <script src="jquery-1.4.2.min.js" type="text/javascript"></script>
      <script type="text/javascript">
        $(document).ready(function(){         $("#Button1").click(function(){
          $.post("Default2.aspx","",function(data){
           $("#x").text(data);
          },"text");
         });
         $("#my").ajaxStart(function(){
             $(this).show();
         }).ajaxStop(function(){
           $(this).hide();
         });
        });
  </script>
</head>
<body>
    <form id="form1" runat="server">
  
    <input id="Button1" type="button" value="button"  />
    <div id="my" style=" display:none">
        <img src="loading.gif" />
    </div>
    <div id="x"></div>
    </form>
</body>
</html>
Javascript 相关文章推荐
在jQuery1.5中使用deferred对象 着放大镜看Promise
Mar 12 Javascript
JavaScript获取两个数组交集的方法
Jun 09 Javascript
JavaScript中两个字符串的匹配
Jun 08 Javascript
jQuery实现手机版页面翻页效果的简单实例
Oct 05 Javascript
基于Bootstrap表单验证功能
Nov 17 Javascript
angularjs结合html5实现拖拽功能
Jun 25 Javascript
vue项目base64字符串转图片的实现代码
Jul 13 Javascript
bootstrap模态框关闭后清除模态框的数据方法
Aug 10 Javascript
JavaScript设计模式之命令模式实例分析
Jan 16 Javascript
微信小程序后台持续定位功能使用详解
Aug 23 Javascript
微信小程序实现分享商品海报功能
Sep 30 Javascript
解决iView Table组件宽度只变大不变小的问题
Nov 13 Javascript
jQuery.event兼容各浏览器的event详细解析
Dec 18 #Javascript
jquery中event对象属性与方法小结
Dec 18 #Javascript
深入理解jQuery中live与bind方法的区别
Dec 18 #Javascript
解析JSON对象与字符串之间的相互转换
Dec 18 #Javascript
cookie中的path与domain属性详解
Dec 18 #Javascript
浅析Cookie中的Path与domain
Dec 18 #Javascript
jquery.cookie用法详细解析
Dec 18 #Javascript
You might like
亚洲咖啡有什么?亚洲咖啡产地介绍 亚洲咖啡有什么特点?
2021/03/05 新手入门
dede3.1分页文字采集过滤规则详说(图文教程)
2007/04/03 PHP
php 强制下载文件实现代码
2013/10/28 PHP
yii2中dropDownList实现二级和三级联动写法
2017/04/26 PHP
php获取微信openid方法总结
2019/10/10 PHP
Javascript的构造函数和constructor属性
2010/01/09 Javascript
jquery 实现checkbox全选,反选,全不选等功能代码(奇数)
2012/10/24 Javascript
Angular2入门教程之模块和组件详解
2017/05/28 Javascript
javascript checkbox/radio onchange不能兼容ie8处理办法
2017/06/13 Javascript
使用vs code开发Nodejs程序的使用方法
2017/09/21 NodeJs
javascript实现考勤日历功能
2018/11/29 Javascript
jQuery子选择器与可见性选择器实例分析
2019/06/28 jQuery
vue的路由映射问题及解决方案
2019/10/14 Javascript
Vue实现Header渐隐渐现效果的实例代码
2020/11/05 Javascript
使用Python进行新浪微博的mid和url互相转换实例(10进制和62进制互算)
2014/04/25 Python
记录Django开发心得
2014/07/16 Python
python中实现php的var_dump函数功能
2015/01/21 Python
Python端口扫描简单程序
2016/11/10 Python
Python2随机数列生成器简单实例
2017/09/04 Python
Python常用特殊方法实例总结
2019/03/22 Python
华为校园招聘上机笔试题 扑克牌大小(python)
2020/04/22 Python
Python2比较当前图片跟图库哪个图片相似的方法示例
2019/09/28 Python
python实现加密的方式总结
2020/01/19 Python
Nike法国官方网站:Nike.com FR
2018/07/22 全球购物
香港家用健身器材、运动器材及健康美容仪器专门店:FitBoxx
2019/12/05 全球购物
shell的种类有哪些
2015/04/15 面试题
关于环保的建议书
2014/05/12 职场文书
小学语文教研活动总结
2014/07/01 职场文书
委托培训协议书
2014/11/17 职场文书
表扬信格式模板
2015/05/05 职场文书
MySQL 常见存储引擎的优劣
2021/06/02 MySQL
新手入门Jvm-- JVM对象创建与内存分配机制
2021/06/18 Java/Android
纯CSS3实现div按照顺序出入效果
2021/07/15 HTML / CSS
Golang 并发下的问题定位及解决方案
2022/03/16 Golang
MySQL实现字段分割一行转多行的示例代码
2022/07/07 MySQL