File "double_ajax.php"

Full Path: /home/analogde/www/30_09_2024/double_ajax.php
File size: 2.16 KB
MIME-type: text/html
Charset: utf-8

 
Open Edit   Advanced Editor   Back 
<!DOCTYPE html>
<html lang="fr">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Envoi de tableaux</title>
</head>
<body>
    <form id="arrayForm">
        <input type="text" id="firstArray" placeholder="Première chaîne" required>
        <input type="text" id="secondArray" placeholder="Deuxième chaîne" required>
        <button type="submit">Envoyer</button>
    </form>

    <script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
    <script>
        $(document).ready(function() {
            $('#arrayForm').on('submit', function(event) {
                event.preventDefault(); // Empêche le rechargement de la page

                // Récupérer les valeurs et former les tableaux
                var firstArray = [$('#firstArray').val()];
                var secondArray = [$('#secondArray').val()];

                // Envoyer le premier tableau
                $.ajax({
                    url: 'firstRequest.php', // Remplace par le chemin de ton fichier PHP
                    type: 'POST',
                    data: { firstArray: JSON.stringify(firstArray) },
                    success: function(response) {
                        alert('Réponse de la première requête : ' + response);

                        // Envoyer le second tableau après la réussite de la première requête
                        $.ajax({
							
								url: 'secondRequest.php', // Remplace par le chemin de ton second fichier PHP
								type: 'POST',
								data: { secondArray: JSON.stringify(secondArray) },
								success: function(response) {
									alert('Réponse de la seconde requête : ' + response);
								},
								error: function(jqXHR, textStatus, errorThrown) 
								{
									console.error('Erreur lors de la seconde requête : ' + textStatus, errorThrown);
								}
							 });
                    },
                    error: function(jqXHR, textStatus, errorThrown) 
					{
                        console.error('Erreur lors de la première requête : ' + textStatus, errorThrown);
                    }
                });
            });
        });
    </script>
</body>
</html>