アキシャルで保留中のリクエストがあるかどうかを知る

Question

私はReactJSで新しく、私のajaxコールではAxiosライブラリを使用しようとしました。それはすごいですが、Axisインタセプタに保留中のリクエストがあるかどうかを知る方法があるかどうかを知りたいのですが、Ajaxコールがオーバーレイされていることを表示しています（まだ表示されていない場合）。約束は解決される。

axios.interceptors.request.use(function (config) { 
    //here logi of show loading 
    return config; 
}, function (error) { 
    return Promise.reject(error); 
}); 

そして、私はこのような何かを追加たい：今私はインターセプタとスタートを開発するために それは最後の応答かどう

axios.interceptors.respose.use(function (config) { 
    //logic remove loading if it is last response 
    return config; 
}, function (error) { 
    return Promise.reject(error); 
}); 

を、どのように、（それがpossibileある場合は）知っていますか？

$http.pendingRequests 

$ HTTPサービスのようなaxios何かであるが ReactJsを使用する前に、私は$http serviceの角度1.1を使用していましたか？

Answer 1

これが私の解決策だった:)

var numberOfAjaxCAllPending = 0; 

// Add a request interceptor 
axios.interceptors.request.use(function (config) { 
    numberOfAjaxCAllPending++; 
    // show loader 
    return config; 
}, function (error) { 
    return Promise.reject(error); 
}); 

// Add a response interceptor 
axios.interceptors.response.use(function (response) { 
    numberOfAjaxCAllPending--; 
    console.log("------------ Ajax pending", numberOfAjaxCAllPending); 

    if (numberOfAjaxCAllPending == 0) { 
     //hide loader 
    } 
    return response; 
}, function (error) { 
    return Promise.reject(error); 
});