jQuery全局事件处理函数

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
    <title>Title</title>
</head>
<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>