Discussion :

[Khleo]

Bonjour,

Je recherche à récupérer le résultat d'une fonction dans une variable JS :

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
function PHPSESSID ()
{
    $.ajax({
        type: 'POST',
        url: 'ajax/PHPSESSID.php',
        dataType: 'text',
        success: function (result)
        {
            return result;
        }
    });
}
 
function ChargerGestionnaireImage ()
{
    var vPHPSESSID = PHPSESSID();
    alert(vPHPSESSID);
}

C'est possible ou je m’embête pour rien ?

Merci

[SpaceFrog]

as tu testé ?

[Khleo]

as tu testé ?

Of course :

Le résultat renvoyé par la popup est "undefined" et j'ai un message d'erreur dans la console :

Uncaught TypeError: Cannot call method 'toString' of undefined

[Bovino]

Traité je ne sais combien de fois...
Un classique AJAX : utiliser les données au bon moment !.

[sekaijin]

$.ajax porte tres mal son nom car il ne s'agit pas d'AJAX mais de l'utilisation de XMLHttpRequest

la seule solution qui permet de récupérer la variable est d'utiliser XMLHttpReques en mode Synchrone.

on se retrouve donc avec un $.ajax qui fait un appel http synchrone et qui n'utilise pas XML
Pour un Asynchronous Javascript And Xml il ne reste pas grand chose.

Code :

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

1
2
3
4
5
xhr_object.open("GET", location.href, false); 
xhr_object.send(null); 
if (xhr_object.readyState == 4) {
 maVariable = xhr_object.responseText
}

A+JYT

[SylvainPV]

la seule solution qui permet de récupérer la variable est d'utiliser XMLHttpReques en mode Synchrone.

Euh quoi ? Et les callbacks, listeners, promises et autres joies de la programmation asynchrone ?

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
 
function PHPSESSID (callback)
{
    $.ajax({
        type: 'POST',
        url: 'ajax/PHPSESSID.php',
        dataType: 'text',
        success: callback
    });
}
 
function ChargerGestionnaireImage ()
{
    PHPSESSID(function(vPHPSESSID){
        alert(vPHPSESSID);
    });
}

[sekaijin]

les appel aschynchrone ne permettent pas de récupérer le résultat
Ils permettent de positionner un handler qui lui récupèrera le résultat de l'appel

La seule et unique façon de faire

Code :

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

1
2
3
4
function appellerUneFonctionCôteServeur() {
  ...
}
var resultDUnAppleServeur = appellerUneFonctionCôteServeur();

est d'en passer par un appel synchrone.

Si on utilise si souvent l'appel asynchrone c'est bien parce que l'appel synchrone est contraignant : le client est bloqué le temps de l'appel, jusqu'à l'arrivé de la réponse.

Il ne faut donc l'utiliser en connaissance de cause.

sinon l'écriture est

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
function envoyerUneRequeteAuServeur() {
   ...
   success: attendreUneReponceDuServeur
}
function attendreUneReponceDuServeur() {
  resultDUnAppleServeur = ...
}
envoyerUneRequeteAuServeur();
//on n'a pas récupéré le résultat
console.log(resultDUnAppleServeur); //Emty
//lorsque la réponse arrivera la fonction attendreUneReponceDuServeur la recevra.
//mais pas cette section de code.

A+JYT

[SylvainPV]

D'accord ce que tu veux dire, c'est que les appels asynchrones ne permettent pas de récupérer le résultat directement au retour de la fonction faisant l'appel.
Ta phrase pouvait laisser croire par erreur qu'on ne peut pas en AJAX enregistrer la réponse du serveur dans une variable dans le même scope que la fonction d'appel.

A noter qu'il y a plusieurs projets de langages basés sur JS pour arriver à retrouver une "syntaxe synchrone pour des appels asynchrones". Un exemple ici : http://www.mobl-lang.org/283/reducin...s-programming/

Je ne suis pas fan du tout de ce genre de solutions, qui ont tendance à masquer le fonctionnement réel du code et à rendre le debug impossible.

[danielhagnoul]

retrouver une "syntaxe synchrone pour des appels asynchrones"

Oui, il faut utiliser les transactions asynchrones avec les promesses et l'objet différé jqXHR (XMLHttpRequest).

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
var str = $( "#formID" ).serialize(),
	    jqXHR = $.post( "monFichier.php", str, "text" );
 
	jqXHR.done( function( data, textStatus, jqXHR ){
		// succès de la transaction, on doit traiter le contenu de data
		console.log( data, textStatus, jqXHR );
 
	});
 
	jqXHR.fail( function( jqXHR, textStatus, errorThrown ){
		// échec de la transaction, gérer la catastrophe
		console.log( jqXHR, textStatus, errorThrown );
 
	});
 
	jqXhr.always( function( jqXHR, textStatus ){
		// la transaction est terminée (échec ou succès)
		console.log( jqXhr, textStatus );
	});

Idem avec $.ajax(), voir : http://api.jquery.com/jQuery.ajax/.

Deprecation Notice: The jqXHR.success(), jqXHR.error(), and jqXHR.complete() callbacks will be deprecated in jQuery 1.8. To prepare your code for their eventual removal, use jqXHR.done(), jqXHR.fail(), and jqXHR.always() instead.

// Assign handlers immediately after making the request,
// and remember the jqxhr object for this request
var jqxhr = $.ajax( "example.php" )
.done(function() { alert("success"); })
.fail(function() { alert("error"); })
.always(function() { alert("complete"); });

// perform other work here ...

// Set another completion function for the request above
jqxhr.always(function() { alert("second complete"); });

[Khleo]

J'ai écrit cette fonction :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function PHPSESSID ()
{
    var request = $.ajax({
        url: "ajax/PHPSESSID.php",
        type: "POST",
        dataType: "html"
    });
 
    return request.done();
 
}

Existe t'il un moyen pour qu'il renvoi le résultat via le done() (car il me retourne que l'objet )?

[sekaijin]

encore une fois la question a se poser N'EST PAS comment récupérer le résultat

Mais que veux-tu faire de ce résultat.

très souvent on s'apperçois en regardant plus large que la solution est toute simple.

tu ne nous as pas exposé ton problème mais le point bloquant d'une solution que tu as envisagé pour ce problème.

expose le problème et on pouras peut-être t donner d'autre solution qui ne nécessite pas de récupérer la valeur du résultat à l'appel.

A+JYT