私は自分のページに増加の進行状況バーを表示しようとしています。私は同時に2つのアヤックスを走らせる。私はAJAXが完了したら、setInterval
をclearInterval(GetProgress);
として停止しますが、動作しません。間隔をクリアすると現在動作しません
問題が何ですか?
var RefreshCheapCharters = function (el) {
$(el).append('<i class="fa fa-spinner Rotate360"></i>');
$.when(RefreshProgress(3),
$.ajax({
url: '/CheapTravel/CheapCharters/',
type: "POST",
success:function (result) {
console.log(result);
$(el).find('.fa-spinner').remove();
clearInterval(GetProgress);
$('.progress-bar').css('width', 0 + '%').text('');
},
error: function (jqXhr, textStates, errorThrown) {
console.log(errorThrown);
$(el).find('.fa-spinner').remove();
clearInterval(GetProgress);
$('.progress-bar').css('width', 0 + '%').text('');
}
})
);
};
var RefreshProgress = function (reserveType) {
setInterval(function() {
GetProgress(reserveType);
}, 10000);
};
var GetProgress = function (reserveType) {
$.ajax({
url: '/CheapTravel/RefreshProgress',
data: { reserveType: reserveType },
type: "POST",
success:
function (result) {
$('.progress-bar').css('width', result + '%').text(result + '% انجام شد');
},
error: function (jqXhr, textStates, errorThrown) {
console.log(errorThrown);
$('.progress-bar').css('width', 0);
console.log('خطای سیستمی');
clearInterval(GetProgress);
}
});
};