jQuery ajaxComplete() 方法在 AJAX 请求完成时执行函数_H5之家

实例

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

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

</body>
</html>

定义和用法

ajaxComplete() 方法在 AJAX 请求完成时执行函数。它是一个 Ajax 事件。

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

语法 .jQueryajaxComplete(function(event,xhr,options))

参数描述

function(event,xhr,options)

必需。规定当请求完成时运行的函数。

额外的参数：

event - 包含 event 对象

xhr - 包含 XMLHttpRequest 对象

options - 包含 AJAX 请求中使用的选项

详细说明

XMLHttpRequest 对象和设置作为参数传递给回调函数。