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的文本框记数器
Sep 19 Javascript
优化RequireJS项目的相关技巧总结
Jul 01 Javascript
AngularJS仿苹果滑屏删除控件
Jan 18 Javascript
JavaScript 输出显示内容(document.write、alert、innerHTML、console.log)
Dec 14 Javascript
JS实现的简易拖放效果示例
Dec 29 Javascript
jquery实现刷新随机变化样式特效(tag标签样式)
Feb 03 Javascript
Vue.js 2.0中select级联下拉框实例
Mar 06 Javascript
微信小程序动态添加view组件的实例代码
May 23 Javascript
JS中async/await实现异步调用的方法
Aug 28 Javascript
JS实现可控制的进度条
Mar 25 Javascript
微信小程序实现倒计时功能
Nov 19 Javascript
vue自定义右键菜单之全局实现
Apr 09 Vue.js
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/04 冲泡冲煮
PHP MYSQL乱码问题,使用SET NAMES utf8校正
2009/11/30 PHP
Thinkphp多文件上传实现方法
2014/10/31 PHP
php 根据URL下载远程图片、压缩包、pdf等文件到本地
2019/07/26 PHP
laravel框架的安装与路由实例分析
2019/10/11 PHP
Thinkphp 框架扩展之标签库驱动原理与用法分析
2020/04/23 PHP
云网广告中的代码,提示出错,大家找找
2006/11/21 Javascript
filemanage功能中用到的common.js
2007/04/08 Javascript
js 对联广告、漂浮广告封装类(IE,FF,Opera,Safari,Chrome
2009/11/26 Javascript
父子窗体间传递JSON格式的数据的代码
2010/12/25 Javascript
被遗忘的javascript的slice() 方法
2015/04/20 Javascript
JavaScript的面向对象编程基础
2015/08/13 Javascript
如何动态加载外部Javascript文件
2015/12/02 Javascript
Nodejs Stream 数据流使用手册
2016/04/17 NodeJs
Bootstrap模态框(Modal)实现过渡效果
2017/03/17 Javascript
Vue.js自定义事件的表单输入组件方法
2018/03/08 Javascript
详解vue移动端项目代码拆分记录
2019/03/15 Javascript
Python中利用sorted()函数排序的简单教程
2015/04/27 Python
Python快速排序算法实例分析
2017/11/29 Python
Python中.join()和os.path.join()两个函数的用法详解
2018/06/11 Python
numpy使用fromstring创建矩阵的实例
2018/06/15 Python
Django 权限认证(根据不同的用户,设置不同的显示和访问权限)
2019/07/24 Python
Python爬虫 bilibili视频弹幕提取过程详解
2019/07/31 Python
通过实例学习Python Excel操作
2020/01/06 Python
详解Python3 中的字符串格式化语法
2020/01/15 Python
python十进制转二进制的详解
2020/02/07 Python
德国柯吉澳趣味家居:Koziol
2017/08/24 全球购物
金融专业毕业生推荐信
2013/11/26 职场文书
英语教学随笔感言
2014/02/20 职场文书
乡镇八一建军节活动方案
2014/08/24 职场文书
授权委托书(完整版)
2014/09/10 职场文书
2014-2015学年工作总结
2014/11/27 职场文书
医院科室评语
2015/01/04 职场文书
心灵点滴观后感
2015/06/02 职场文书
从贫穷到富有,是知识技能和学习力的差别
2019/08/20 职场文书
小学四年级作文之最感动的一件事
2019/11/01 职场文书