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 相关文章推荐
JS 常用校验函数
Mar 26 Javascript
JavaScript中使用ActiveXObject操作本地文件夹的方法
Mar 28 Javascript
js propertychange和oninput事件
Sep 28 Javascript
jQuery给元素添加样式的方法详解
Dec 30 Javascript
BootStrap Validator对于隐藏域验证和程序赋值即时验证的问题浅析
Dec 01 Javascript
node.js入门学习之url模块
Feb 25 Javascript
深入理解Vue Computed计算属性原理
May 29 Javascript
小程序登录/注册页面设计的实现代码
May 24 Javascript
html+jQuery实现拖动滑块图片拼图验证码插件【移动端适用】
Sep 10 jQuery
JavaScript运动原理基础知识详解
Apr 02 Javascript
vue-router重写push方法,解决相同路径跳转报错问题
Aug 07 Javascript
React中的Context应用场景分析
Jun 11 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无限极分类实现方法分析
2019/07/04 PHP
Laravel 默认邮箱登录改成用户名登录的实现方法
2019/08/12 PHP
Thinkphp5框架中引入Markdown编辑器操作示例
2020/06/03 PHP
基于jquery的可多选的下拉列表框
2012/07/20 Javascript
js播放wav文件(源码)
2013/04/22 Javascript
求数组最大最小值方法适用于任何数组
2013/08/16 Javascript
jquery给图片添加鼠标经过时的边框效果
2013/11/12 Javascript
js面向对象编程之如何实现方法重载
2014/07/02 Javascript
jQuery实现信息提示框(带有圆角框与动画)效果
2015/08/07 Javascript
jQuery Html控件基本操作(日常收集整理)
2016/03/11 Javascript
浅析Javascript中bind()方法的使用与实现
2016/05/30 Javascript
js 判断各种数据类型的简单方法(推荐)
2016/08/29 Javascript
Angular.Js的自动化测试详解
2016/12/09 Javascript
详解vue模拟加载更多功能(数据追加)
2017/06/23 Javascript
老生常谈javascript的面向对象思想
2017/08/22 Javascript
利用原生js实现html5小游戏之打砖块(附源码)
2018/01/03 Javascript
js异步接口并发数量控制的方法示例
2020/11/22 Javascript
Python中 map()函数的用法详解
2018/07/10 Python
Django中自定义模型管理器(Manager)及方法
2019/09/23 Python
Python 迭代,for...in遍历,迭代原理与应用示例
2019/10/12 Python
Python散点图与折线图绘制过程解析
2019/11/30 Python
Python turtle画图库&amp;&amp;画姓名实例
2020/01/19 Python
Python中os模块功能与用法详解
2020/02/26 Python
基于Python的自媒体小助手---登录页面的实现代码
2020/06/29 Python
Selenium执行完毕未关闭chromedriver/geckodriver进程的解决办法(java版+python版)
2020/12/07 Python
Django+Django-Celery+Celery的整合实战
2021/01/20 Python
利用Canvas模仿百度贴吧客户端loading小球的方法示例
2017/08/13 HTML / CSS
婴儿鞋,独特的婴儿服装和配件:Zutano
2018/11/03 全球购物
雅虎笔试题(字符串操作)
2015/03/24 面试题
服务行业个人求职的自我评价
2013/12/12 职场文书
说明书格式及范文
2014/05/07 职场文书
国家助学贷款承诺书
2015/04/30 职场文书
三八妇女节致辞
2015/07/31 职场文书
python数据库批量插入数据的实现(executemany的使用)
2021/04/30 Python
低门槛开发iOS、Android、小程序应用的前端框架详解
2021/10/16 Javascript
MySQL数据库10秒内插入百万条数据的实现
2021/11/01 MySQL