编程 Javascript

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 UI 应用不同Theme的办法

Sep 12 Javascript

jquery 操作表格实现代码(多种操作打包)

Mar 20 Javascript

Javascript中浮点数相乘的一个解决方法

Jun 03 Javascript

jQuery的缓存机制浅析

Jun 07 Javascript

JQuery 实现在同一页面锚点链接之间的平滑滚动

Oct 29 Javascript

node.js基于mongodb的搜索分页示例

Jan 22 Javascript

angularjs中的$eval方法详解

Apr 24 Javascript

jQuery鼠标移动图片上实现放大效果

Jun 25 jQuery

seajs中模块依赖的加载处理实例分析

Oct 10 Javascript

在Create React App中使用CSS Modules的方法示例

Jan 15 Javascript

js事件触发操作实例分析

Jun 21 Javascript

解决Nuxt使用axios跨域问题

Jul 06 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