Jquery ajaxStart()与ajaxStop()方法(实例讲解)

前端技术 2023/09/05 JavaScript

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>

本文地址：https://www.stayed.cn/item/13429

转载请注明出处。

本站部分内容来源于网络,如侵犯到您的权益,请 联系我

我的博客

人生若只如初见，何事秋风悲画扇。

我的标签

随笔档案