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 相关文章推荐
Prototype 学习 工具函数学习($方法)
Jul 12 Javascript
jquery获取元素索引值index()示例
Feb 13 Javascript
使用jQuery实现返回顶部
Jan 26 Javascript
js实现有时间限制消失的图片方法
Feb 27 Javascript
Javascript设计模式之观察者模式的多个实现版本实例
Mar 03 Javascript
jquery.validate使用时遇到的问题
May 25 Javascript
jQuery插件实现图片轮播特效
Jun 16 Javascript
vue.js移动端app实战1:初始配置详解
Jul 24 Javascript
webpack 打包压缩js和css的方法示例
Mar 20 Javascript
iview通过Dropdown(下拉菜单)实现的右键菜单
Oct 26 Javascript
vue项目中引入Sass实例方法
Aug 27 Javascript
微信小程序自定义tabBar在uni-app的适配详解
Sep 30 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 shell命令合并图片的代码
2011/06/23 PHP
实用javaScript技术-屏蔽类
2006/08/15 Javascript
JavaScript 实现??打印?理
2007/04/28 Javascript
屏蔽F1~F12的快捷键的js函数
2010/05/06 Javascript
Extjs中ComboBoxTree实现的下拉框树效果(自写)
2013/05/28 Javascript
JS正则表达式验证数字代码
2014/01/28 Javascript
js 获取浏览器版本以此来调整CSS的样式
2014/06/03 Javascript
js判断元素是否隐藏的方法
2014/06/09 Javascript
jquery实现树形菜单完整代码
2015/12/29 Javascript
利用Node.js+Koa框架实现前后端交互的方法
2017/02/27 Javascript
bootstrap select插件封装成Vue2.0组件
2017/04/17 Javascript
解决Vue 浏览器后退无法触发beforeRouteLeave的问题
2017/12/24 Javascript
Angular6项目打包优化的实现方法
2019/12/15 Javascript
JS实现手写 forEach算法示例
2020/04/29 Javascript
vue-以文件流-blob-的形式-下载-导出文件操作
2020/08/07 Javascript
python实现百万答题自动百度搜索答案
2018/01/16 Python
朴素贝叶斯分类算法原理与Python实现与使用方法案例
2018/06/26 Python
解决Pycharm后台indexing导致不能run的问题
2019/06/27 Python
python中单下划线(_)和双下划线(__)的特殊用法
2019/08/29 Python
Python中join()函数多种操作代码实例
2020/01/13 Python
Windows 下python3.8环境安装教程图文详解
2020/03/11 Python
python3.6中anaconda安装sklearn踩坑实录
2020/07/28 Python
使用HTML5的表单验证的简单示例
2015/09/09 HTML / CSS
Prototype如何为一个Ajax添加一个参数
2015/12/06 面试题
优秀交警事迹材料
2014/01/26 职场文书
卫生标语大全
2014/06/21 职场文书
电子信息工程专业自荐书
2014/06/24 职场文书
责任书范本
2014/08/25 职场文书
2014年个人债务授权委托书范本
2014/09/22 职场文书
公司财务会计主管应聘求职信
2014/09/26 职场文书
2014年学生资助工作总结
2014/12/18 职场文书
校园广播稿范文
2015/08/19 职场文书
党员学习中国梦心得体会
2016/01/05 职场文书
php引用传递
2021/04/01 PHP
浅谈Python基础之列表那些事儿
2021/05/11 Python
数据设计之权限的实现
2022/08/05 MySQL