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 相关文章推荐
jQuery EasyUI API 中文文档 - Menu菜单
Oct 03 Javascript
让AJAX不依赖后端接口实现方案
Dec 03 Javascript
Jquery 模板数据绑定插件的使用方法详解
Jul 08 Javascript
JQuery判断HTML元素是否存在的两种解决方法
Dec 26 Javascript
js调试工具Console命令详解
Oct 21 Javascript
jQuery入门基础知识学习指南
Aug 14 Javascript
【经典源码收藏】基于jQuery的项目常见函数封装集合
Jun 07 Javascript
JavaScript实现短信倒计时60s
Oct 09 Javascript
vue中使用better-scroll实现滑动效果及注意事项
Nov 15 Javascript
vue2.0实现的tab标签切换效果(内容可自定义)示例
Feb 11 Javascript
微信小程序实现圆形进度条动画
Nov 18 Javascript
AJAX学习笔记
May 18 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
使用php4加速网络传输
2006/10/09 PHP
php 防止单引号,双引号在接受页面转义
2008/07/10 PHP
PHP GD 图像处理组件的常用函数总结
2010/04/28 PHP
Zend的Registry机制的使用说明
2013/05/02 PHP
解决PHPstudy Apache无法启动的问题【亲测有效】
2020/10/30 PHP
javascript 清除输入框中的数据
2009/04/13 Javascript
使用js的replace()方法查找字符示例代码
2013/10/28 Javascript
JavaScript动态插入script的基本思路及实现函数
2013/11/11 Javascript
Jquery validation remote 验证的缓存问题解决方法
2014/03/25 Javascript
深入理解javascript作用域和闭包
2014/09/23 Javascript
js正则表达式验证邮件地址
2015/11/12 Javascript
Bootstrap 组件之按钮(二)
2016/05/11 Javascript
通过源码分析Vue的双向数据绑定详解
2017/09/24 Javascript
JS运动特效之完美运动框架实例分析
2018/01/24 Javascript
详解如何解决vue开发请求数据跨域的问题(基于浏览器的配置解决)
2018/11/12 Javascript
openlayers实现地图测距测面
2020/09/25 Javascript
python正则分组的应用
2013/11/10 Python
深入理解Python3 内置函数大全
2017/11/23 Python
关于Python正则表达式 findall函数问题详解
2018/03/22 Python
Python针对给定字符串求解所有子序列是否为回文序列的方法
2018/04/21 Python
Python实现的远程登录windows系统功能示例
2018/06/21 Python
Python用csv写入文件_消除空余行的方法
2018/07/06 Python
解决pycharm安装后代码区不能编辑的问题
2018/10/28 Python
python实现动态数组的示例代码
2019/07/15 Python
django中使用Celery 布式任务队列过程详解
2019/07/29 Python
Python any()函数的使用方法
2019/10/28 Python
python输入中文的实例方法
2020/09/14 Python
celery在python爬虫中定时操作实例讲解
2020/11/27 Python
python编程的核心知识点总结
2021/02/08 Python
全面总结使用CSS实现水平垂直居中效果的方法
2016/03/10 HTML / CSS
css3 按钮 利用css3实现超酷下载按钮
2013/03/18 HTML / CSS
css3中单位px,em,rem,vh,vw,vmin,vmax的区别及浏览器支持情况
2016/12/06 HTML / CSS
欧洲最大的品牌水上运动服装和设备在线零售商:Wuituit Outlet
2018/05/05 全球购物
2014年底工作总结
2014/12/15 职场文书
汽车销售合同文本
2019/08/08 职场文书
浅析JavaScript中的变量提升
2022/06/01 Javascript