Jquery continue une autre fonction ajax après que le premier appel de la fonction ajax est complètement terminé

J'ai 2 appel ajax dans 2 différence de fonctions. Je veux utiliser .cliquez pour appeler ces 2 fonctions
. Le func1 est de l'insertion des données dans la base de données, puis func2 est de récupérer les données donc ma question est comment faire pour attendre jusqu'à ce que le func1 entièrement complète, la seule exécution de la func2.

J'ai essayé .delay(), ça fonctionne, mais je pense que c'est une stupide solution.

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

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

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

source d'informationauteur vzhen

  1. 24

    Trois façons:

    Appel func2 sur le succès de func1:

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

    Utilisation Deferred API pour appeler func2 quand funky complète:

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

    Faire func1 synchrone (non recommandé):

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

    Depuis les appels Ajax sont asynchrones, l'application ne sera pas "pause" jusqu'à ce qu'un appel ajax est complète, et suffit de lancer l'appel suivant immédiatement.

    JQuery propose un gestionnaire qui est appelée lorsque l'appel est un succès, et un autre si une erreur se produit au cours de l'appel.

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

    Vous souhaitez appeler votre deuxième AJAX fonction à partir du gestionnaire de succès.

  3. 3

    Déplacer func2 à l'intérieur de func1->ajax>succès de rappel

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

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

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

    Appel fun2 dans la réussite de func1

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

    success:function(){
         func2();
    }  
  })
  5. 1

    Vous pouvez définir l'option "async" pour de faux (pour le premier appel ajax).

    Cela signifie que la fonction 2 sera appelée après la fonction 1 a reçu une réponse, c'est à dire fini de l'exécution.

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

    vous pouvez également passer votre fonction en tant que paramètre comme ceci:

    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();