jQuery全局事件处理函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>jQuery全局事件处理函数</title>
<style>
.loading {
display: none;
position: fixed;
}
</style>
</head>
<body>
<div class="loading">正在玩命加载中...</div>
<button id="btn">请求</button>
<script src="jquery.js"></script>
<script>
$(document)
.ajaxStart(function () {
// 只要有 ajax 请求发生 就会执行
$(‘.loading‘).fadeIn()
// 显示加载提示
console.log(‘注意即将要开始请求了‘)
})
.ajaxStop(function () {
// 只要有 ajax 请求结束 就会执行
$(‘.loading‘).fadeOut()
// 结束提示
console.log(‘请求结束了‘)
})
$(‘#btn‘).on(‘click‘, function () {
// $.ajax({
// url: ‘time.php‘
// })
$.get(‘time.php‘)
})
</script>
</body>
</html>
原文地址：https://www.cnblogs.com/jane-panyiyun/p/12284142.html
时间： 2024-11-08 21:28:27