ajaxStop()方法用於指定AJAX請求完成後要運行的函數。
用法:
$(document).ajaxStop(function())
參數::僅需一個參數。
- function():它指定了Ajax請求完成後要運行的函數。
The demo.txt file stored on server and it will load after clicking the change content button.
The content of demo.txt are:
This is GFG.
示例1:本示例通過從服務器獲取數據來更改元素的內容。請求完成後,頁麵顯示AJAX請求已停止。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$(document).ajaxStop(function() {
alert(
"AJAX request stopped");
});
$("button").click(function() {
$("#paragraph").load(
"demo.txt");
});
});
</script>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<div id="div_content">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<p id="paragraph"
style="font-size: 20px;">
A computer science portal for geeks
</p>
</div>
<button>Change Content</button>
</body>
</html>
輸出:
-
在單擊按鈕之前:
-
單擊按鈕後:
示例2:本示例通過從服務器獲取數據來更改元素的內容。請求完成後,頁麵顯示AJAX請求已停止。
<!DOCTYPE html>
<html>
<head>
<script src=
"https://ajax.googleapis.com/ajax/libs/jquery/3.3.1/jquery.min.js">
</script>
<script>
$(document).ready(function() {
$(document).ajaxStop(function() {
alert(
"AJAX request stopped");
});
$("button").click(function() {
$("#paragraph").load(
"demo.txt");
});
});
</script>
<style>
body {
text-align: center;
}
</style>
</head>
<body>
<div id="div_content">
<h1 style="color: green;">
GeeksforGeeks
</h1>
<p id="paragraph"
style="font-size: 20px;">
A computer science portal for geeks
</p>
</div>
<button>Change Content</button>
</body>
</html>
輸出:
-
在單擊按鈕之前:
-
單擊按鈕後:
相關用法
- JQuery get()用法及代碼示例
- JQuery css()用法及代碼示例
- JQuery is()用法及代碼示例
- JQuery add()用法及代碼示例
- JQuery die()用法及代碼示例
- JQuery off()用法及代碼示例
- JQuery before()用法及代碼示例
- JQuery append()用法及代碼示例
- JQuery unbind()用法及代碼示例
- JQuery ajaxComplete()用法及代碼示例
- JQuery ajax()用法及代碼示例
- JQuery ajaxSetup()用法及代碼示例
- JQuery live()用法及代碼示例
- JQuery Misc get()用法及代碼示例
注:本文由純淨天空篩選整理自PranchalKatiyar大神的英文原創作品 jQuery | ajaxStop() Method。非經特殊聲明,原始代碼版權歸原作者所有,本譯文未經允許或授權,請勿轉載或複製。