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 相关文章推荐
slice函数的用法 之不错的应用
Dec 29 Javascript
javascript setAttribute, getAttribute 在不同浏览器上的不同表现
Aug 05 Javascript
js取float型小数点后两位数的方法
Jan 18 Javascript
JS如何设置cookie有效期为当天24点并弹出欢迎登陆界面
Aug 04 Javascript
jQuery插件FusionCharts实现的MSBar2D图效果示例【附demo源码】
Mar 24 jQuery
JavaScript模拟实现自由落体效果
Aug 28 Javascript
JavaScript查看代码运行效率console.time()与console.timeEnd()用法
Jan 18 Javascript
Node.js如何优雅的封装一个实用函数的npm包的方法
Apr 29 Javascript
深入学习JavaScript中的bom
May 27 Javascript
基于webpack4+vue-cli3项目实现换肤功能
Jul 17 Javascript
JS实现骰子3D旋转效果
Oct 24 Javascript
Vue使用vue-draggable 插件在不同列表之间拖拽功能
Mar 12 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连接Access数据库的方法小结
2013/06/20 PHP
ThinkPHP分页实例
2014/10/15 PHP
PHP时间戳和日期相互转换操作实例小结
2018/12/18 PHP
PHP数字金额转换成中文大写显示
2019/01/05 PHP
精心挑选的12款优秀的基于jQuery的手风琴效果插件和教程
2012/08/22 Javascript
jquery js 重置表单 reset()具体实现代码
2013/08/05 Javascript
javascript 面向对象封装与继承
2014/11/27 Javascript
javascript实现表单提交后,提交按钮不可用的方法
2015/04/18 Javascript
js实现hashtable的赋值、取值、遍历操作实例详解
2016/12/25 Javascript
js实现淡入淡出轮播切换功能
2017/01/13 Javascript
Vuex和前端缓存的整合策略详解
2017/05/09 Javascript
js实现京东轮播图效果
2017/06/30 Javascript
Vue2.0实现组件数据的双向绑定问题
2018/03/06 Javascript
JS计算斐波拉切代码实例
2019/09/12 Javascript
Bootstrap实现前端登录页面带验证码功能完整示例
2020/03/26 Javascript
如何使用 vue-cli 创建模板项目
2020/11/19 Vue.js
python3.4用循环往mysql5.7中写数据并输出的实现方法
2017/06/20 Python
pip matplotlib报错equired packages can not be built解决
2018/01/06 Python
详解python使用Nginx和uWSGI来运行Python应用
2018/01/09 Python
Python实现PS滤镜功能之波浪特效示例
2018/01/26 Python
Python进度条的制作代码实例
2019/08/31 Python
Python matplotlib以日期为x轴作图代码实例
2019/11/22 Python
基于Python检测动态物体颜色过程解析
2019/12/04 Python
利用Tensorflow的队列多线程读取数据方式
2020/02/05 Python
Python 执行矩阵与线性代数运算
2020/08/01 Python
Python判断变量是否是None写法代码实例
2020/10/09 Python
Python调用ffmpeg开源视频处理库,批量处理视频
2020/11/16 Python
CSS3+DIV实现漂亮的动画彩色标签
2016/06/16 HTML / CSS
Pureology官网:为染色头发打造最好的产品
2019/09/13 全球购物
公积金转移接收函
2014/01/11 职场文书
重点工程汇报材料
2014/08/27 职场文书
党员群众路线学习心得体会
2014/11/04 职场文书
毕业实习计划书
2015/01/16 职场文书
项目备案申请报告
2015/05/15 职场文书
幼儿园小班开学寄语
2015/05/27 职场文书
JavaScript架构搭建前端监控如何采集异常数据
2022/06/25 Javascript