jQuery ajaxComplete() 方法

定义和用法

ajaxComplete() 方法规定 AJAX 请求完成时运行的函数。

注意：自 jQuery 版本 1.8 起，该方法只被附加到文档。

不像 ajaxSuccess()，通过 ajaxComplete() 方法规定的函数将在请求完成时运行，即使请求并未成功。

语法

$(document).ajaxComplete(function(event,xhr,options))

参数

参数	必需的	描述
function(event,xhr,options)	是	规定当请求完成时运行的函数。额外的参数： event - 包含 event 对象 xhr - 包含 XMLHttpRequest 对象 options - 包含 AJAX 请求中使用的选项

实例

下例演示了当 AJAX 请求正在进行时显示 "loading" 的指示：

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>欢迎来到菜鸟教程</title>
//此版本是百度cdn 1.11.1，当然你可以使用更高的版本，从2.0版本以上的是不支持ie6-8的
<script type="text/javascript" src="http://libs.baidu.com/jquery/1.11.1/jquery.min.js"></script>
<script>
      $(document).ready(function () {
         $(document).ajaxStart(function(){
            $("#wait").css("display","block");
         });
         $(document).ajaxComplete(function(){
            $("#wait").css("display","none");
         });
         $("button").click(function(){
            $("#text_val").load("/jc_script/jqAjax/demo_test.txt");
         });
      });
</script>
</head>
<body>
      <div id="text_val"><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;">loading加载中</div>
      
</body>
</html>

尝试一下

jQuery ajaxComplete() 方法

定义和用法

语法

参数

实例

相关页面