极客教程jQuery ajaxStart（回调）方法
描述
ajaxStart（回调） 方法将一个函数附加到每当Ajax请求开始且没有其他活动时执行。这是一个Ajax事件。
语法
这是使用此方法的简单语法-
$(document).ajaxStart( callback )
参数
这是该方法所使用的所有参数的描述-
- 回调 −执行的函数。
示例
假设我们在result.html文件中有以下HTML内容−
<h1>THIS IS RESULT...</h1>
以下是一个简单的示例，简单地展示了该方法的使用。
<html>
<head>
<title>The jQuery Example</title>
<script type = "text/javascript"
src = "https://www.tutorialspoint.com/jquery/jquery-3.6.0.js">
</script>
<script type = "text/javascript" language = "javascript">
(document).ready(function() {
/* Global variable */
var count = 0;("#driver").click(function(event){
('#stage1').load('result.html');
});
/* Gets called when request starts */(document).ajaxStart(function(){
count++;
("#stage2").html("<h1>Starts, Count :" + count + "</h1>");
});
/* Gets called when request complete */(document).ajaxComplete(function(event,request,set){
count++;
$("#stage3").html("<h1>Completes,Count:" + count + "</h1>");
});
});
</script>
</head>
<body>
<p>Click on the button to load result.html file:</p>
<div id = "stage1" style = "background-color:blue;">
STAGE - 1
</div>
<div id = "stage2" style = "background-color:blue;">
STAGE - 2
</div>
<div id = "stage3" style = "background-color:blue;">
STAGE - 3
</div>
<input type = "button" id = "driver" value = "Load Data" />
</body>
</html>