Possible exécuter plusieurs ajax de cette façon?

Quelques problèmes avec le code d'origine:

a. Premier AJAX code> doit terminer avant de démarrer deuxième ajax code> strong> p>

Votre deuxième AJAX code> Appel a besoin de la valeur de Datum code> qui est renvoyé par le premier AJAX code> appel. Actuellement, le second ajax code> commencera immédiatement après l'envoi du premier ajax code>, avant d'avoir renvoyé datum code>. Nous devons donc attendre le premier ajax code> pour renvoyer datum code> avant de pouvoir l'utiliser comme entrée pour le second ajax code>. P>.

Le moyen facile de le faire est avec la fonctionnalité async / attendre code> de ECMA2017 (docs ICI ). Cela permet à JavaScript de courir de manière asynchrone et d'attendre que quelque chose se termine avant de procéder. P>

Pour ce faire, nous devons d'abord déclarer la fonction joint en tant que async code> (voir // 1. Commentaires dans le code ci-dessous): p> xxx pré>

alors nous ajoutons attendre code> devant le premier $. (Ajax) code> appel (Voir // 3. Commentaires dans le code ci-dessous): p> xxx pré>

ensemble, le moteur JavaScript pause le code au premier Ajax code> appeler Renvoie la valeur datum code>. Ensuite, il continuera comme normal. P>

b. Datum code> doit être au niveau supérieur de la fonction enfermante forte> p>

comme écrit, la variable Datum code> n'existe que dans la fonction anonyme attribuée à "Succès" code> dans le premier AJAX code> appel. Il n'est donc pas disponible pour le second Ajax code> appel ("Datum n'est pas défini"). p>

Vous pouvez résoudre ce problème en déclarant datum code> comme global (en dehors du $. (prêt) {} code>), ou mieux, vous pouvez le garder dans votre $. (prêt) {} code> en la déclarant sur les crochets les plus externes (voir // 2. Commentaires dans le code ci-dessous). P>

Enfin, vous devez remplacer varatum = réponse ['datum']; code> avec datum = réponse ['Datum']; code>. (Voir // 4. Commentaire dans le code ci-dessous). P>

/* Funktionen um Startzeiten für Zyklen aus DB.TesterCycleCount zu erhalten bzw. für Test und Stunden, das aktuelle Datum gerundet auf 30 Minuten */ 

// 1. ADD 'ASYNC' IN FRONT OF FUNCTION

$(document).ready(async function(){

// 2. DECLARE 'DATUM' AT TOP

var Datum;
var TesterID = "<?php echo $_GET['TesterID']; ?>"; /* value der Tester erhalten */ 

        // 3. ADD AWAIT IN FRONT OF FIRST AJAX CALL

        await $.ajax({ /* AJAX aufrufen */
            url: 'ma_get-TesterID_Testende.php',
            type: 'GET', /* Methode zum übertragen der Daten */
            data: {TesterID:TesterID}, /* Daten zu übermitteln */
            dataType: 'json',
            success:function(response){ /* Die zurückgegebenene Daten erhalten */

                var CID = response['CID'];

                // 4. REMOVE VAR IN FRONT OF DATUM

                Datum = response['Datum'];

            },
             error: function(jqxhtt, status, exception) {
             console.log(exception);
         alert('Exception:', exception)

            }
        });




    var TestaufstellungID = "<?php echo $_GET['TestaufstellungID']; ?>";
    $.ajax({ /* AJAX aufrufen */
        url: 'ma_TestendeSQL.php',
        type: 'get', /* Methode zum übertragen der Daten */
        data: {Testaufstellung:TestaufstellungID, Datum: Datum}, /* Daten zu übermitteln */
        dataType: 'json',
        success:function(data){ /* Die zurückgegebenene Daten erhalten */


            alert('Successfully called Datum='.Datum);
        },
        error: function(jqxhr, status, exception) {
            alert('Exception:', exception)

        }
    });

});