JavaScript/jQuery Приостановить функцию, а затем запустить ее снова

Question

У меня есть форма, когда человек нажимает кнопку «Отправить», а Ajax уволен, а e.preventDefault(); используется, чтобы форма фактически не отправлялась.

Моя проблема: я хочу, чтобы форма была отправлена ​​на сервер, но только после того, как Ajax вернулся с успехом.

Так как пример я пытаюсь достичь следующий сценарий:

• Пользователь нажимает кнопку «Отправить»
• Ajax обжигают посылая некоторую информацию, и пользователь остается на странице.
• Ajax вернулся, и теперь мы можем запустить функцию success:.
• Устранена функция успеха, и form data на сайте отправляется на сервер.

HTML-:

<form name="demoFiler" action="save/uploadCreate.php" method="POST" enctype="multipart/form-data"> 

     //Some inputs, checkboxes radios etc. 

     <input type="submit" name="submitHandler" id="submitHandler" value="Upload" class="buttonUpload hideButton" /> 

    </form> 

Javascript:

document.getElementById(this.config.form).addEventListener("submit", submitMe, false); 

    function submitMe(e){ 
    e.stopPropagation(); e.preventDefault(); 

    //Necessary vars for the 'data' defined here 

    $.ajax({ 
     type:"POST", 
     url:this.config.uploadUrl, 
     data:data, 
     cache: false, 
     contentType: false, 
     processData: false, 
     success:function(rponse){ 
         //This is where we need our Success function to SUBMIT the form using uploadCreate.php 
     } 
    }); 

    } 

Answer 1

привязывает кнопку к вместо события отправки формы, а затем запустите .submit функция на элементе формы в обратном вызове a.

$("#submitHandler").click(function(e) { 
    e.preventDefault(); 

    //Fill "data" variable 
    var data = {}; 

    //set the url 
    var url = "someurl"; 

    $.ajax({ 
    type:"POST", 
    url:url, 
    data:data, 
    cache: false, 
    contentType: false, 
    processData: false, 
    success:function(rponse){ 
     //test rponse then do below. 
     $("form[name=demoFiler]").submit(); 
    } 
    }); 
}); 

Answer 2

Поскольку вы используете JQuery уже, попробовать что-то вроде:

$('#'+this.config.form).submit(function(e) { 
    var $this = $(this); 
    e.stopPropagation(); 
    e.preventDefault(); 

    //Necessary vars for the 'data' defined here 

    $.ajax({ 
     type:"POST", 
     url:this.config.uploadUrl, 
     data:data, 
     cache: false, 
     contentType: false, 
     processData: false, 
     success:function(rponse) { 
      // do something with rponse 
      $this.off('submit').submit(); // unbind the handler and submit 
     } 
    }); 
}