Discussion :

[Pecose]

Bonjour tout le monde.
Voila mon petit problème:

Code :

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

1
2
var message = Test.call();
$('#id').html(message);

dans la classe Test:

Code :

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

1
2
3
4
5
static call(){
	$.post(this.php, { 1:"get" }, function(data){
		return data;
	});
}

et le fichier php:

Code :

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

1
2
3
4
if(isset($_POST["1"]) AND $_POST["1"] == "get"){
        /*Code qui affecte une base de donnée*/
	echo "Bonjour de php";
}

Le "Code qui affecte une base de donnée" fonctionne.
Par contre lorsque j'affiche "message" il est écrit "undefined"
Si quelqu'un comprend pourquoi, merci de votre aide.

[NoSmoking]

Bonjour,

Si quelqu'un comprend pourquoi,

la méthode est asynchrone et de ce fait les données ne sont disponibles qu'au retour de la requête.
Je pense qu'il faudrait que tu prennes quand même le temps de lire la documentation, tout est pratiquement dedans

↪ jQuery.post()

bonus :
↪ Comprendre les mécanismes d'AJAX

[Pecose]

J'ai essayer ça:

Code :

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

1
2
3
4
5
6
static call(){
	var posting = $.post(this.php, { 1:"get"});
	posting.done(function(data) {
		return data;
	});
}

mais j'imagine que la fonction se termine avant le "done".
J'ai pas bien compris ce que je devais faire pour régler le problème.
Je dois utiliser un setTimeout?
Ça me parait pas très propre.

Il doit bien y avoir un moyen de bloquer la fonction le temps que le serveur me renvoie ce que je lui ai demander, non?

Bon, apparemment il n'existe pas d’équivalent à une fonction "sleep" en javascript à cause de la structure même du langage.
Du coup je vois pas du tout comment résoudre mon problème.

-SUITE ET FIN-

C'est bon j'ai trouver!
La réponse est ici: JQuery Ajax Synchrone
Et voila ce que j'ai fait:

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
static call(){
	var message = "";
	$.ajax({
        url: this.php,
        global: false,
        type: 'POST',
        data: {1:"get"},
        async: false,
        success: function(data) {
        	message = data;
    	}
    });
	return message;
}

Et avec ça:

Code :

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

1
2
var message = Test.call();
$('#id').html(message);

Et là c'est nickel.

Merci pour votre aide.

[NoSmoking]

Pourquoi ne pas respecter le caractère asynchrone d'Ajax ?

Tu pourrais passer à la méthode Test.call un paramètre qui pourrait être l'ID de l'élément à renseigner ou encore une fonction « callback » à exécuter en retour de requête.

Code :

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

1
2
3
4
5
6
7
8
static call(param) {
    var posting = $.post(this.php, {
        1: "get"
    });
    posting.done(function(data) {
        $(param).html(data);
    });
}

Code :

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

1
2
3
4
5
6
7
8
static call(callback) {
    var posting = $.post(this.php, {
        1: "get"
    });
    posting.done(function(data) {
        callback(data);
    });
}

avec un appel, quelque chose comme

Code :

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

1
2
3
Test.call(function(data) {
    $('#id').html(data);
});

Tu resterais plus dans l'esprit de ce qui se fait dans le langage !