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 TextBox自动完成条
Jul 22 Javascript
通过Mootools 1.2来操纵HTML DOM元素
Sep 15 Javascript
JavaScript的setAttribute兼容性问题解决方法
Nov 11 Javascript
IE6/IE7中JavaScript json提示缺少标识符、字符串或数字问题处理
Dec 16 Javascript
详解JS中Array对象扩展与String对象扩展
Jan 07 Javascript
分离与继承的思想实现图片上传后的预览功能:ImageUploadView
Apr 07 Javascript
js实现图片旋转 js滚动鼠标中间对图片放大缩小
Jul 05 Javascript
使用vue-cli编写vue插件的方法
Feb 26 Javascript
微信小程序之判断页面滚动方向的示例代码
Aug 30 Javascript
JavaScript之数组扁平化详解
Jun 03 Javascript
javascript系统时间设置操作示例
Jun 17 Javascript
Vue移动端右滑屏幕返回上一页附源码下载
Jun 26 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中cookies使用指南
2007/03/16 PHP
一些常用的php简单命令代码集锦
2007/09/24 PHP
使用PHP批量生成随机用户名
2008/07/10 PHP
PHP socket 模拟POST 请求实例代码
2016/07/18 PHP
laravel框架学习笔记之组件化开发实现方法
2020/02/01 PHP
Save a File Using a File Save Dialog Box
2007/06/18 Javascript
一起来写段JS drag拖动代码
2010/12/09 Javascript
Javascript学习指南
2014/12/01 Javascript
纯JavaScript实现的兼容各浏览器的添加和移除事件封装
2015/03/28 Javascript
jQuery实现提示密码强度的代码
2015/07/15 Javascript
AngularJS基础 ng-cloak 指令简单示例
2016/08/01 Javascript
使用PBFunc在Powerbuilder中支付宝当面付款功能
2016/10/01 Javascript
javascript 中的try catch应用总结
2017/04/01 Javascript
解决webpack -p压缩打包react报语法错误的方法
2017/07/03 Javascript
vue-router的HTML5 History 模式设置
2018/09/08 Javascript
详解@angular/cli 改变默认启动端口两种方式
2018/11/29 Javascript
VUE兄弟组件传值操作实例分析
2019/10/26 Javascript
基于canvasJS在PHP中制作动态图表
2020/05/30 Javascript
解决element-ui的下拉框有值却无法选中的情况
2020/11/07 Javascript
[02:17]快乐加倍!DOTA2食人魔魔法师至宝+迎霜节活动上线
2019/12/22 DOTA
[52:20]DOTA2-DPC中国联赛正赛 SAG vs XGBO3 第一场 3月5日
2021/03/11 DOTA
python 简易计算器程序,代码就几行
2009/08/29 Python
在Linux命令行终端中使用python的简单方法(推荐)
2017/01/23 Python
使用python 3实现发送邮件功能
2018/06/15 Python
Python3 导入上级目录中的模块实例
2019/02/16 Python
对tensorflow中的strides参数使用详解
2020/01/04 Python
Django Haystack 全文检索与关键词高亮的实现
2020/02/17 Python
python中PyQuery库用法分享
2021/01/15 Python
加拿大快时尚零售商:Ardene
2018/02/14 全球购物
次世代生活态度:Hypebeast
2018/07/05 全球购物
加拿大在线眼镜零售商:SmartBuyGlasses加拿大
2019/05/25 全球购物
协议书样本
2014/04/23 职场文书
2015年党性分析材料
2014/12/19 职场文书
2015迎新晚会开场白
2015/05/29 职场文书
《猴王出世》教学反思
2016/02/23 职场文书
Python中可变和不可变对象的深入讲解
2021/08/02 Python