（ajax）query中全局事宜ajaxStart ajaxStop

2024年5月9日 162次阅读 来源: yang

Jquery中当一个Ajax要求启动时，而且没有其他未完成的Ajax要求时，
将挪用ajaxStart()要领。
一样，ajaxStop()要领则是在所有Ajax要求都完成时挪用。
这些要领的参数都是一个函数，
这个函数将在事宜发作时被挪用。
jquery1.9+版本今后，ajax全局事宜需绑定到document对象上才触发。

<link rel="stylesheet" href="./nprogress.css">
<style>
.loading{
    display:none;
    position:fixed;
    background: rgba(0,0,0,.3);
    text-align:center;
    top:0;
    bottom:0;
    left:0;
    right:0;
    color:#fff;
    font-size: 60px;
};
</style>

</head>
<body>

<div class="loading">正在玩命加载中...</div>
<button id="btn">要求</button>

<script src="./jquery.js"></script>
<script src="./nprogress.js"></script>
<script>
$(document)
.ajaxStart(function(){
    //只需有ajx要求发作 就会实行
    $('.loading').fadeIn()
        NProgress.start();
    // 显现加载提醒
    console.log('注重行将最先要求了')
})
.ajaxStop(function(){
    $('.loading').fadeOut()
     NProgress.done();
    // 完毕提醒
    console.log("要求完毕了")
})
$('#btn').on('click',function(){
    $.get('time.php')
})

</script>
    原文作者：yang
    原文地址: https://segmentfault.com/a/1190000018634501
    本文转自网络文章，转载此文章仅为分享知识，如有侵权，请联系博主进行删除。
点赞