Показать конкретный загрузчик при определенном вызове AJAX

Question

Я использую этот код JQuery для вызова загрузчика, у меня есть форма, в которой используются 2 вызова AJAX, один вызов используется в поле ввода и другое на кнопке отправки. Я использую один и тот же идентификатор DIV на обоих загрузчиках, но проблема здесь в том, что при вызове AJAX через поле ввода также отображается кнопка загрузчика на отправке. Ниже приведен код JQuery

$(document).ajaxStart(function() { 
    $("#loading").show(); 
}); 
$(document).ajaxComplete(function() { 
    $("#loading").hide(); 
}); 

Answer 1

Вы можете дать попробовать, как этого

1) У 2 логических переменных, как

IsLoaderForInput = false; 
IsLoaderForSubmit = false; 

2) Измените значение true (соответственно), в вашем где вы используете ajax.

3) Затем измените ваш код, как

$(document).ajaxStart(function() { 
    if (IsLoaderForInput) 
     $("#loading1").show(); 
    else 
     $("#loading2").show(); 
}); 
$(document).ajaxComplete(function() { 
    if (IsLoaderForInput) 
     $("#loading1").hide(); 
    else 
     $("#loading2").hide(); 
    // reset the values 
    IsLoaderForInput = false; 
    IsLoaderForSubmit = false; 
}); 

Надеюсь, вы понимаете логику.