码迷,mamicode.com
首页 > Web开发 > 详细

AJAX---jQuery全局事件处理函数

时间:2020-02-08 19:39:01      阅读:114      评论:0      收藏:0      [点我收藏+]

标签:title   加载   开始   start   src   --   play   utf-8   one   

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>

 

 

技术图片

 

AJAX---jQuery全局事件处理函数

标签:title   加载   开始   start   src   --   play   utf-8   one   

原文地址:https://www.cnblogs.com/jane-panyiyun/p/12284142.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!