Jquery weiterhin eine Ajax-Funktion, nachdem der erste Ajax-Funktionsaufruf vollständig abgeschlossen ist

Question

Ich habe 2 Ajax-Aufruf in 2 Differenzfunktionen. Ich möchte .click verwenden, um diese 2 Funktionen aufzurufen. Der func1 fügt Daten in die Datenbank ein, dann wird func2 die Daten abrufen, so dass meine Frage ist, wie man wartet bis der func1 vollständig ist, dann führt er nur den func2 aus.

Ich versuchte .delay(), es funktioniert, aber ich denke, das ist eine dumme Lösung.

$("#updateLocation").click(function(e){ 
     e.preventdefault; 
     func1(); 
     func2(); 
     }); 
     return false; 
    }); 

    function func1(){ 
     $.ajax({ 
     url:'', 
     }); 
}); 

    function func2(){ 
     $.ajax({ 
     url:'', 
     }); 
})； 

Answer 1

Drei Möglichkeiten:

Anruf func2 auf Erfolg func1:

function func1() { 
     $.ajax({ ... }).done(func2); 
    } 

Verwenden Deferred API func2 zu rufen, wenn flippige erhält:

e.preventDefault(); 
    $.when(func1).then(func2); 

Fabrikat func1 Synchron (nicht empfohlen):

function func1() { 
     $.ajax({url: '', async: false}); 
    } 

Answer 2

Sie können die Option "async" auf false setzen (für den ersten Ajax-Aufruf).

Dies bedeutet, dass die Funktion 2 aufgerufen wird, nachdem Funktion 1 eine Antwort erhalten hat, d. H. Ihre Ausführung beendet ist.

function func1(){ 
     $.ajax({ 
     url:'', 
     async: false 
     }); 
}); 

Answer 3

Verschieben func2 innen func1-> AJAX> succes Rückruf

$("#updateLocation").click(function(e) { 
    e.preventdefault; 
    func1(); 
    //func2(); 
}); 
return false; 
}); 

function func1() { 
    $.ajax({ 
     url: '', 
     success: function() { /* other stuff */ 
      func2(); 
     } 
    }); 
}); 

function func2() { 
    $.ajax({ 
     url: '', 
    }); 
})； 

Answer 4

Anruf fun2 in Erfolg func1

function func1(){ 
    $.ajax({ 
    url:'', 

    success:function(){ 
     func2(); 
    } 
    }) 

Answer 5

Da Ajax Anrufe asynchron sind, wird die Anwendung nicht 'Pause' bis ein Ajax-Anruf ist abgeschlossen und einfach sofort den nächsten Anruf starten.

JQuery bietet einen Handler, der aufgerufen wird, wenn der Anruf erfolgreich war, und einen anderen, wenn während des Anrufs ein Fehler auftritt.

$.ajax({ 
    url: 'ajax/test.html', 
    success: function(data) { 
    $('.result').html(data); 
    alert('Load was performed.'); 
    }, 
    error :function(jqXHR, textStatus, errorThrown) 
    { 
    alert("something went wrong"); 
    } 
}); 

Sie wollen Ihre zweite AJAX-Funktion aus der Erfolg Handler aufrufen.

Answer 6

Sie könnten auch Ihre Funktion als Parameter wie folgt passieren:

var secondFunc = function (func) { 

    //Do ajax req or smt 
    func("answer", "params"); 

}; 
var firstFunc = function() { 

    secondFunc(
     function (answerFromFunc2, paramsFromfunc2) { 

      var a = answerFromFunc2; 
      var b = paramsFromfunc2; 

     } 
    ); 

    //Do smt after the function request to the server is done 
    var doSmt = "another func or variable"; 

}; 
firstFunc();