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之对系统的toFixed()方法的修正
May 08 Javascript
从父页面读取和操作iframe中内容方法
Jul 25 Javascript
javascript 遍历验证所有文本框的值
Aug 27 Javascript
JQuery开发的数独游戏代码
Oct 29 Javascript
jQuery(js)获取文字宽度(显示长度)示例代码
Dec 31 Javascript
node.js中的fs.linkSync方法使用说明
Dec 15 Javascript
Javascript中的arguments对象
Jun 20 Javascript
微信小程序中页面FOR循环和嵌套循环
Jun 21 Javascript
seajs中模块依赖的加载处理实例分析
Oct 10 Javascript
深入浅出理解JavaScript闭包的功能与用法
Aug 01 Javascript
Vue v-for循环之@click点击事件获取元素示例
Nov 09 Javascript
微信小程序tab左右滑动切换功能的实现代码
Feb 08 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
实用函数10
2007/11/08 PHP
PHP Undefined index报错的修复方法
2011/07/17 PHP
详解PHP中instanceof关键字及instanceof关键字有什么作用
2015/11/05 PHP
深入剖析PHP中printf()函数格式化使用
2016/05/23 PHP
js模拟弹出效果代码修正版
2008/08/07 Javascript
JavaScript对象链式操作代码(jquery)
2010/07/04 Javascript
js写的评论分页(还不错)
2013/12/23 Javascript
使用javascript实现判断当前浏览器
2015/04/14 Javascript
jQuery实现单击弹出Div层窗口效果(可关闭可拖动)
2015/09/19 Javascript
详解AngularJS过滤器的使用
2016/03/11 Javascript
Android中Okhttp3实现上传多张图片同时传递参数
2017/02/18 Javascript
如何解决vue与传统jquery插件冲突
2017/03/20 Javascript
Vue-cli项目获取本地json文件数据的实例
2018/03/07 Javascript
Vue 实现显示/隐藏层的思路(加全局点击事件)
2019/12/31 Javascript
vue.js实现简单的计算器功能
2020/02/22 Javascript
vue 通过base64实现图片下载功能
2020/12/19 Vue.js
[01:07:57]DOTA2-DPC中国联赛 正赛 Ehome vs Magma BO3 第二场 1月19日
2021/03/11 DOTA
在Python中关于中文编码问题的处理建议
2015/04/08 Python
Python中多线程的创建及基本调用方法
2016/07/08 Python
python 读写txt文件 json文件的实现方法
2016/10/22 Python
Python内存管理方式和垃圾回收算法解析
2017/11/11 Python
对python3 urllib包与http包的使用详解
2018/05/10 Python
Python实现的字典排序操作示例【按键名key与键值value排序】
2018/12/21 Python
pandas read_excel()和to_excel()函数解析
2019/09/19 Python
Python爬虫爬取Bilibili弹幕过程解析
2019/10/10 Python
tensorflow 模型权重导出实例
2020/01/24 Python
Python 调用有道翻译接口实现翻译
2020/03/02 Python
python中rb含义理解
2020/06/18 Python
python如何支持并发方法详解
2020/07/25 Python
Python3爬虫中pyspider的安装步骤
2020/07/29 Python
python中常用的数据结构介绍
2021/01/12 Python
餐饮总经理岗位职责
2014/03/07 职场文书
个人学习党的群众路线教育实践活动心得体会
2014/11/05 职场文书
Python基础之数据结构详解
2021/04/28 Python
JavaScript 中for/of,for/in 的详细介绍
2021/11/17 Javascript
php解析非标准json、非规范json的方式实例
2022/05/10 PHP