Ajax вызывает функцию снова, когда Ajax завершен

Question

есть ли в ajax способ дождаться завершения ajax перед повторным вызовом функции? Только если кнопка была нажата во время запроса ajax.

    $(document).ready(function(){
       $_button.on('click',function(){

       //if ajax is running, wait until done!
       init();
      });
    });

    function init(){
    //this function should be called again, when ajax is done
    }

    function ajax(){

    ..
    //ajax code
    ..

    }

Большое спасибо

Answer 1

Вы можете использовать следующее:

$(document).ajaxStop(function(){
  // code which gets executed once ajax is done
});

Таким образом, после выполнения запроса ajax будет выполнено запрошенное действие.

Надеюсь, это может помочь.

Answer 2

Я решил проблему, переопределив глобальные переменные переменными внутри функции сохранения.

Таким образом, при успешном выполнении ajax я могу взять предопределенные переменные внутри функции вместо переменных вне функции.

function savePicture(){

      var  $_btn_edit = $btn_edit;
      var  $_btn_save = $btn_save;
      var  $_gui_resize = $gui_resize;
      var  $_img = $img;
      var  $_picture = $picture;

// here ajax request

success: function(data){
  //on ajax success
    $_picture.replaceWith($(data);
}

Большое спасибо!