分享

ajaxStart和ajaxStop事件的用法

 明天网吧 2015-06-04
ajaxStart和ajaxStop事件
ajaxStart和ajaxStop是一种全局的配置。
ajaxStart和ajaxStop是jQuery中对ajax请求的一种全局拦截配置。
通常用来侦测页面中异步请求的发送/结束,一定要写在发出ajax请求语句以前

/***************************示例**************************/
<!DOCTYPE html> 
<html lang="zh-cn"> 
<head> 
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8"> 
<title>ajaxStart和ajaxStop事件</title> 
<script src="jquery-1.7.2.min.js" type="text/javascript"></script> 
<script type="text/javascript">
        $(document).ready(function(){
        $("#Button1").click(function(){
                $("#x").load("mm.zip");//在这里发出AJAX请求       为看出调用的顺序,这里的mm.zip是近20兆的大文件
               });
        
         $("#my").ajaxStart(function(){
            //AJAX请求发起以前执行ajaxStart函数的回调函数,也就是在load以前执行
             $(this).show();
             
         }).ajaxStop(function(){
         //AJAX请求发起以后执行ajaxStop函数的回调函数,也就是在load以后执行
         $(this).hide(5000);
         });
         
        });
  </script>


</head> 
<body> 

    <input id="Button1" type="button" value="button"  />
    <div id="my" style="border:1px red solid;width:700px;height:600px;display:none">
        <img src="../1.jpg" />
    </div>
      <div id="x"></div>
</body>
</html>

    本站是提供个人知识管理的网络存储空间,所有内容均由用户发布,不代表本站观点。请注意甄别内容中的联系方式、诱导购买等信息,谨防诈骗。如发现有害或侵权内容,请点击一键举报。
    转藏 分享 献花(0

    0条评论

    发表

    请遵守用户 评论公约