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 相关文章推荐
绑定回车enter事件代码
May 18 Javascript
node.js中的fs.realpathSync方法使用说明
Dec 16 Javascript
jquery插件jquery.beforeafter.js实现左右拖拽分隔条对比图片的方法
Aug 07 Javascript
javascript中undefined与null的区别
Aug 16 Javascript
js实现带圆角的多级下拉菜单效果
Aug 28 Javascript
简单实现js无缝滚动效果
Feb 05 Javascript
详解Angular 4 表单快速入门
Jun 05 Javascript
Angular4 中内置指令的基本用法
Jul 31 Javascript
解决vue中修改了数据但视图无法更新的情况
Aug 27 Javascript
electron实现静默打印的示例代码
Aug 12 Javascript
vue项目中极验验证的使用代码示例
Dec 03 Javascript
vue 路由缓存 路由嵌套 路由守卫 监听物理返回操作
Aug 06 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
PHP自动生成月历代码
2006/10/09 PHP
PHP对文件进行加锁、解锁实例
2015/01/23 PHP
php计算指定目录下文件占用空间的方法
2015/03/13 PHP
php实现插入排序
2015/03/29 PHP
浅谈PHP中Stream(流)
2015/06/08 PHP
使用PHP处理数据库数据如何将数据返回客户端并显示当前状态
2016/02/16 PHP
php通过smtp邮件验证登陆的方法
2016/05/11 PHP
thinkPHP实现的联动菜单功能详解
2017/05/05 PHP
(推荐一个超好的JS函数库)S.Sams Lifexperience ScriptClassLib
2007/04/29 Javascript
jquery实现图片滚动效果的简单实例
2013/11/23 Javascript
jQuery中insertBefore()方法用法实例
2015/01/08 Javascript
javascript实现简单的贪吃蛇游戏
2015/03/31 Javascript
JQuery实现的按钮倒计时效果
2015/12/23 Javascript
js实现将json数组显示前台table中
2017/01/10 Javascript
vue 请求后台数据的实例代码
2017/06/22 Javascript
vue+vue-validator 表单验证功能的实现代码
2017/11/13 Javascript
浅谈发布订阅模式与观察者模式
2019/04/09 Javascript
vue项目中使用particles实现粒子背景效果及遇到的坑(按钮没有点击响应)
2020/02/11 Javascript
[02:32]【DOTA2亚洲邀请赛】iceice,梦开始的地方
2017/03/13 DOTA
常用python编程模板汇总
2016/02/12 Python
Python注释详解
2016/06/01 Python
PYTHON 中使用 GLOBAL引发的一系列问题
2016/10/12 Python
python 递归遍历文件夹,并打印满足条件的文件路径实例
2017/08/30 Python
详解python中的线程
2018/02/10 Python
Django后端接收嵌套Json数据及解析详解
2019/07/17 Python
python线程中的同步问题及解决方法
2019/08/29 Python
python使用itchat模块给心爱的人每天发天气预报
2019/11/25 Python
纯CSS3实现滚动的齿轮动画效果
2014/06/05 HTML / CSS
html5-websocket基于远程方法调用的数据交互实现
2012/12/04 HTML / CSS
size?德国官方网站:英国伦敦的球鞋精品店
2018/03/17 全球购物
公司授权委托书
2014/10/17 职场文书
先进基层党组织材料
2014/12/25 职场文书
家长对孩子的寄语
2015/02/26 职场文书
幼儿园庆元旦主持词
2015/07/06 职场文书
结婚幸福感言
2015/08/01 职场文书
win10截图快捷键win+shift+s没有反应无法截图怎么解决?
2022/08/14 数码科技