AJAX请求正在进行时显示“正在加载”的指示

最新推荐文章于 2021-09-29 11:54:13 发布

宣讯

最新推荐文章于 2021-09-29 11:54:13 发布

阅读量3.5k

点赞数

分类专栏： javascript

javascript 专栏收录该内容

7 篇文章 0 订阅

订阅专栏

<html>
<head>
<script type="text/javascript" src="/jquery/jquery.js"></script>
<script type="text/javascript">
$(document).ready(function(){
  $("#txt").ajaxStart(function(){
    $("#wait").css("display","block");
  });
  $("#txt").ajaxComplete(function(){
    $("#wait").css("display","none");
  });
  $("button").click(function(){
    $("#txt").load("/example/jquery/demo_ajax_load.asp");
  });
});
</script>
</head>

<body>

<div id="txt"><h2>通过 AJAX 改变文本</h2></div>
<button>改变内容</button>
<div id="wait" style="display:none;width:69px;height:89px;border:1px solid black;position:absolute;top:50%;left:50%;padding:2px;">
<img src='/i/demo_wait.gif' width="64" height="64" />
<br />加载中 ...
</div>

</body>
</html>