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 相关文章推荐
轻轻松松学习JavaScript
Feb 25 Javascript
javascript Select标记中options操作方法集合
Oct 22 Javascript
javascript 实现键盘上下左右功能的小例子
Sep 15 Javascript
jQuery移除元素自动解绑事件实现思路及代码
May 31 Javascript
JS动态显示表格上下frame的方法
Mar 31 Javascript
实践中学习AngularJS表单
Mar 21 Javascript
jQuery插件 Jqplot图表实例
Jun 18 Javascript
Angular.js中处理页面闪烁的方法详解
Mar 09 Javascript
js判断是否是手机页面
Mar 17 Javascript
js禁止表单重复提交
Aug 29 Javascript
bootstrap-table组合表头的实现方法
Sep 07 Javascript
vue 基于element-ui 分页组件封装的实例代码
Dec 10 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_SELF的安全问题
2009/09/05 PHP
PHP中return 和 exit 、break和contiue 区别与用法
2012/04/09 PHP
解析web文件操作常见安全漏洞(目录、文件名检测漏洞)
2013/06/29 PHP
ThinkPHP连接数据库的方式汇总
2014/12/05 PHP
php计算多维数组中所有值总和的方法
2015/06/24 PHP
YII中Ueditor富文本编辑器文件和图片上传的配置图文教程
2017/03/15 PHP
kindeditor 加入七牛云上传的实例讲解
2017/11/12 PHP
php查询内存信息操作示例
2019/05/09 PHP
ko knockoutjs动态属性绑定技巧应用
2012/11/14 Javascript
基于KMP算法JavaScript的实现方法分析
2013/05/03 Javascript
jquery的选择器的使用技巧之如何选择input框
2013/09/22 Javascript
Js获取数组最大和最小值示例代码
2013/10/29 Javascript
一个JavaScript去除字符串末尾的空白实例代码
2014/09/22 Javascript
javaScript中push函数用法实例分析
2015/06/08 Javascript
Vue2.0 UI框架ElementUI使用方法详解
2017/04/14 Javascript
简单实现JavaScript弹幕效果
2020/08/27 Javascript
微信小程序实现下拉刷新和轮播图效果
2017/11/21 Javascript
html中通过JS获取JSON数据并加载的方法
2017/11/30 Javascript
vue-router判断页面未登录自动跳转到登录页的方法示例
2018/11/04 Javascript
关于AOP在JS中的实现与应用详解
2019/05/06 Javascript
跟老齐学Python之玩转字符串(2)更新篇
2014/09/28 Python
python决策树之C4.5算法详解
2017/12/20 Python
Python利用公共键如何对字典列表进行排序详解
2018/05/19 Python
python opencv旋转图像(保持图像不被裁减)
2018/07/26 Python
ML神器:sklearn的快速使用及入门
2019/07/11 Python
pytorch 实现将自己的图片数据处理成可以训练的图片类型
2020/01/08 Python
HTML5中5个简单实用的API
2014/04/28 HTML / CSS
使用canvas对多图片拼合并导出图片的方法
2018/08/28 HTML / CSS
美国Lolё官网:购买大胆而美丽的女性运动服装
2017/05/22 全球购物
LVMH旗下最大的奢侈品网站平台:24S
2020/05/24 全球购物
勾股定理课后反思
2014/04/26 职场文书
教师个人年终总结
2015/02/11 职场文书
护士岗前培训心得体会
2016/01/08 职场文书
大学生社会服务心得体会
2016/01/22 职场文书
MySQL基于索引的压力测试的实现
2021/11/07 MySQL