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

Posted 2021-03-11 jane_panyiyun

tags:

篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了AJAX---jQuery全局事件处理函数相关的知识，希望对你有一定的参考价值。

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全局事件处理函数的主要内容，如果未能解决你的问题，请参考以下文章

[译] ASP.NET 生命周期 – ASP.NET 请求生命周期