Discussion :

[Isalyn]

Actuellement dans le dévellopement d'un site je rencontre un probleme étrange.

Je travaille sur une page fixe avec un bon nombre d'informations qui se mettent a jour automatiquement grace a javascript.

Actuellement une fonction me pose probleme

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
var xhr3 = null;
function stExitMenuSimul() {
	
	xhr3 = getXMLHttpRequest();
	xhr3.open("POST", "inc/test.php", true);
	
	xhr3.onreadystatechange = function() {
		alert(xhr3.readyState); //1
	 	if (xhr3.readyState == 4) 
	 	{
	 		var data;
	 		eval(xhr3.responseText);
	 		alert(xhr3.responseText); //2
	 	}
	};
	xhr3.send(null);
}

sans la ligne balise //1 le alert a la ligne balise //2 renvoit un résultat vide.
avec la ligne balise //1 le alert a la ligne balise //2 renvoit bien la bonne string => data = {statut: 'EC',simul: '1',};

Le fichier php appelé contient seulement ceci :

Code :

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

1
2
3
4
5
6
7
8
9
10
 
$f = 1;
$st = "EC";
 
$data = 'data = {';
$data .= 'statut: \'' . $st .'\',';
$data .= 'simul: \'' . $f .'\',';
$data .= '};';
 
echo $data;

Je trouve ceci tres étrange car j'ai déja 4/5 fonctions de ce genre qui récupere le meme genre d'informations sans encombre.
Leurs structures etant similaire a celle que je viens de vous montrer.

Mon xhr3.readyState passe successivement de l'état 2 3 puis 4, recoit les données puis état 1 puis reréception des données. Ce qui est la reaction "normale" quand j'examine mes fonctions du meme type qui effectue le meme genre de travaux.

[Zartan]

Je n'ai pas le code de ces fonctions ajax (open et getXMLHttpRequest), mais je proposerai de procéder ainsi :

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
 
var xhr3 = null;
function stExitMenuSimul() {
 
	xhr3 = getXMLHttpRequest();	
	xhr3.onreadystatechange = function() {
		alert(xhr3.readyState); //1
	 	if (4 == xhr3.readyState && 200 == xhr3.status) 
	 	{
	 		var data;
	 		eval(xhr3.responseText);
	 		alert(xhr3.responseText); //2
	 	}
	};
	xhr3.open("POST", "inc/test.php", true);
	xhr3.send(null);
}

car ainsi on est sûr que le readystatechange est bien initialisé *avant* que la requête PHP ne revienne.

[sekaijin]

http://ajax.googleapis.com/ajax/libs....0/ext-core.js

et

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
            Ext.Ajax.request({
                scope: monObjet,
                disableCaching: false,
                url: "mon/url.php",
                method: 'POST',
                params: {var1: 45, var2:'un truc'},
                failure: function(response, requester){
                    //faire kkchose si echec
                    //ici requester.scope est la réferrence à monObjet
                },
                success: function(response, requester){
                    //faire autre chose si success
                    //ici requester.scope est la réferrence à monObjet
               }
            });

Portable supporté souple évolutif et très complet
http://www.extjs.com/deploy/dev/docs/?class=Ext.Ajax
A+JYT
PS: le build de la lib permet de n'embarquer que ce dont vous avez besoin

[Bovino]

@sekaijin : utiliser une bibliothèque n'est pas forcément utile lorsqu'il suffit juste de vérifier l'état du status comme l'a fait remarquer Zartan

[sekaijin]

bien sur
mon propos est juste qu'il existe des lib qui le font très bien

et qu'on peu soit les utiliser soit s'en inspirer

dans le cas en question ce qui est intéressant c'est le fait d'utiliser deux fonction success et failure
ainsi on peut avoir sa propre fonction

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 AjaxRequest(cfg) {
 
    xhr = getXMLHttpRequest();
    xhr.open(cfg.method, cfg.url, true);
 
    xhr.onreadystatechange = function() {
    if(xhr.readyState  == 4)
    {
        if(xhr.status  == 200) 
            if ('function' == typeof cfg.success) cfg.success(xhr.responseText);
        else 
            if ('function' == typeof cfg.failure) cfg.success(xhr.status);
        }
    };
    xhr.send(cfg.data);
}

qu'il suffit d'avoir déclaré une seule fois quelque part
ensuite dans tous son code on peut faire

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
function stExitMenuSimul() {
    AjaxRequest({
        method: 'POST',
        url: 'inc/test.php',
        data: null,
        success: function(response) {
            var data;
            eval(response);
            alert(response);
        },
        failure: function (status) {
            alert('erreur :' + satuts);
        }
    });
}

ce qui fait exactement la même chose sauf que le code utiliser sera le même dans tous les appels AJAX

A+JYT

[Isalyn]

@sekaijin

sympathique methode



Dans tous les cas d'essais si je ne met pas un alert apres

Code :

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

   xhr.onreadystatechange = function() {

La requete n'arrive jamais...