jQuery中Ajax全局事件

全局事件
只要页面中有Ajax请求被发送，对应的全局事件就会被触发
.ajaxStart()        //当请求开始发送时触发
.ajaxComplete()      //当请求完成时触发
//当页面中有Ajax请求发送时触发
$(document).on('ajaxStart',function(){
NProgress.start() 
})

$(document).on('ajaxComplete',function(){
 NProgress.done()
})

NProgress -https://ricostacruz.com/nprogress/
官宣:纳米级进度条，使用逼真的涓流动画来告诉用户正在发生的事情!

~~ NProgress.start() — 开始

NProgress.set(0.4) — 走到40%

NProgress.inc() — 递增一点‎

NProgress.done() —完成~~

<link rel='stylesheet' href=' nprogress.css ' />
<script src= ' nprogress.js'></script>

NProgress.start(); //进度条开始运动
NProgress .done() ; //进度条结束运动