jQuery全局事件处理函数

最新推荐文章于 2022-06-08 19:06:02 发布

weixin_33856370

最新推荐文章于 2022-06-08 19:06:02 发布

阅读量252

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/lujieting/p/10291407.html

本文介绍如何利用jQuery简化AJAX请求，并通过显示加载提示提升用户体验。具体展示了如何在AJAX请求开始和结束时显示和隐藏加载提示，以及如何使用$.get方法发起GET请求。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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