Discussion :

[Lprofessionnelle]

Bonjour,

J'envoie un formulaire en ajax qui fait exécuter une page PHP et ça prend quelques secondes et pour pouvoir afficher le résultat je dois attendre la fin. Alors j'aimerais faire en sorte qu'en même temps on lance une nouvelle requête ajax toute les x secondes jusqu’à ce qu'elle reçoive la réponse d’arrêter, mais je n'ai pas réussi.

J'ai essayé ça: http://desirelabs.fr/jquery-ajax-set...rnet-explorer/, mais ça ne fonctionne pas.

Quelqu'un sait comment faire ? Moi je pensais faire une fonction qui s'appelle elle même avec une condition t'en qu'elle reçoit pas genre "1" pour dire que c'est fini.

[ABCIWEB]

Salut,

C'est pas clair, pourquoi ne pas utiliser le retour de la réponse ajax comme événement "arrêter". Que veux-tu faire exactement ?

ps : on est habitué aux fautes d'orthographe, mais le bonjour avec un "s" et le "quand même temps", ça pique un peu les yeux (je passe sur le "t'en qu'elle")

[Lprofessionnelle]

Pardon pour les fautes mais j'ai toujours eu l'habitude d'écrire certains mots comme ça
^^.

En gros j'éxécute une commande linux par l'intermédiaire de mon script PHP chargé depuis une requête ajax. Sauf que cette en ajax peut prendre du temps que je pourrais peut être déterminer assez précisément, mais long à faire surtout si il y a plusieurs étapes et je ne peux donc pas afficher la réponse tout de suite.

Donc j'ai voulu faire deux requêtes ajax, la première lance la commande et la seconde lancé juste après la première vérifie si c'est finit et affiche le résultat.
il faut donc que la seconde requête s'exécute tout les secondes sans doute 3 ou 4 fois, mais ça peut être beaucoup plus et qu'une fois qu'elle a eu la réponse elle s'arrête pour afficher le résultat.
La réponse c'est 1 et t'en que c'est pas finit c'est 2.

Mais pour le moment je n'y suis pas arrivé.

EDIT:
j'ai essayé:

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
var timer = setInterval(function(){
					request();
				}, 2000);

et dans la fonction request():

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
 
	$.ajax({
		url: 'ajax/test_fin_telechargement.php',
		type: 'post',
		timeout: 5000, // Après 5 seconde on arrête si c'est trop long
		dataType: 'json',
		success: function(donnees) {
			if(donnees.telechargement == 1)
				{
					$("#telechargement").html('1 = ' + donnees.telechargement + ' | Statut: ' + donnees.donnees);
					clearInterval(timer);
				}
			else
				{
					$("#telechargement").append('2 = ' + donnees.telechargement+' | Statut: ' + donnees.donnees);				
				}
		},
		error: function(XMLHttpRequest,textStatus, errorThrown){
			$("#telechargement").html('Erreur request: '+errorThrown);
		},
	});

mais la fonction continue à être rappelé!!! Je le vois car pour tester j'ai mit un nombre aléatoire a chaque chargement de la page... et il change tout le temps.

J'ai lu comme quoi ça serait une variable local et que le problème viendrait de la, je sais donc pas quoi faire.

[ABCIWEB]

Salut,

Sur le principe un setTimeout est plus approprié qu'un setInterval. En résumé :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
function requete_verif()
{
$.ajax({
		url: 'ajax/test_fin_telechargement.php',
		type: 'post',
		timeout: 5000, // Après 5 seconde on arrête si c'est trop long
		dataType: 'json',
		success: function(donnees) {
			if(donnees.telechargement == 2)
				{
					$("#telechargement").html('1 = ' + donnees.telechargement + ' | Statut: ' + donnees.donnees);
					setTimeout(function(){requete_verif();},5000);
				}
                                else
                                //...
}

[danielhagnoul]

Salut, Sur le principe un setTimeout est plus approprié qu'un setInterval.

Bien entendu !

En utilisant une écriture AJAX non obsolète, la solution (j'ai testé) est évidente :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
<script>
    "use strict";
 
    $( function(){ // forme abrégée de $(document).ready(function(){
 
    });
 
    $( window ).load( function(){
 
        function recommence(){ 
            var delayAbort = 5000, // 5s
                delayRecommence = 3000, //3s
                jqXHR = $.getJSON( "../divers/HCtest.json" ); // "ajax/test_fin_telechargement.php" );
 
            setTimeout( function(){
                // Si l'objet différé existe dans l'état "attendre", 
                // alors exécute la méthode fail()
 
                if ( jqXHR && jqXHR.state() === "pending" ){
                    jqXHR.abort();
                }
            }, delayAbort );
 
            jqXHR.done( function( data, textStatus, jqXHR ){
                // succès de la transaction, on doit traiter le contenu de data
                console.log( data, textStatus, jqXHR );
 
                // code
            });
 
            jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
                // échec de la transaction, gérer la catastrophe
                console.log( jqXHR, textStatus, errorThrown );
 
                // code
            });
 
            jqXHR.always( function( jqXHR, textStatus ){
                // la transaction est terminée
                // nettoyage
                // exécution d'un code dépendant
                console.log( jqXHR, textStatus );
 
                // code
 
                setTimeout( recommence, delayRecommence );
 
            });
        }
 
        recommence();
 
    });
</script>

[Lprofessionnelle]

Merci pour vos réponses.

@danielhagnoul => ton code est un peut obscure pour moi, mais bien commenté, qu'est ce que tu veux dire par "une écriture AJAX non obsolète" ?
Pour le moment je ne sais pas comment j'ai fait(la première fois ça na pas marché), mais j'utilise la méthode de ABCIWEB qui fonctionne sans le setTimeout que je vais peut être rajouter.

C'est le genre de truck que je trouve pas toujours évidant a faire en JS et on trouve pas toujours de bon tuto