Requête AJAX avec paramètre avec DOJO

Version imprimable

Bonjour à tous, j'ai déjà beaucoup travaillé avec Prototype mais je dois avouer que DOJO est vraiment différent. J'ai bien compris la méthode pour faire une requête en mode GET mais je ne vois pas comment faire pour passer un paramètre. J'ai tenté avec ce code:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 function getQuestion(num) { this.num = num; dojo.xhrGet({ url: "quizz.json", load: function(responseObject, ioArgs){ var textBuffer = ["Questionnaire:"]; for(var i = 0; i < responseObject.poll.question.answer.length; i++){ textBuffer.push("Question:"+responseObject.poll.question[this.num].answer[i].value); } dojo.byId("toBeReplaced").innerHTML = textBuffer.join("<br/>"); return responseObject; }, error: function(response, ioArgs){ dojo.byId("toBeReplaced").innerHTML = "An error occurred, with response: " + response; return response; }, handleAs: "json" }); }
Pour info le but est de réaliser un questionnaire à choix multiple et d'appeller cette fonction lorsque l'on clique sur un bouton pour aller chercher le numéro de la question et afficher ses réponses possibles. Avec prototype on utiliserait bind mais avec DOJO comment doit on faire?

Merci

Salut,
tu peux ajouter le paramètre content; et attention à l'utilisation de this dans une fonction de callback: ici le this que tu utilises fait référence à l'objet passé dans la fonction :aie:. Une fois modifié:

Code:

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
function getQuestion(num) {
	this.num = num;
  var self=this;
  dojo.xhrGet({
    url: "quizz.json",
    content: {param1:'valeur 1',param2:'valeur 2',param3:18 },
    load: function(responseObject, ioArgs){
      var textBuffer = ["Questionnaire:"];
      for(var i = 0; i < responseObject.poll.question.answer.length; i++){
        textBuffer.push("Question:"+responseObject.poll.question[self.num].answer[i].value);
      }
      
      dojo.byId("toBeReplaced").innerHTML = textBuffer.join("<br/>");
      
      return responseObject;
    },
    error: function(response, ioArgs){
      dojo.byId("toBeReplaced").innerHTML = 
        "An error occurred, with response: " + response;
      return response;
    },
    handleAs: "json"
  });
}

ERE

18/06/2009, 21h23
Tavarez59

Merci de t'intéresser à mon problème, mais tu pourrais m'expliquer un peu mieux le paramètre "content" s'il te plait?
18/06/2009, 21h30
Tavarez59

En tout cas ça marche avec self. Merci encore
18/06/2009, 22h57
emmanuel.remy
Citation:

Envoyé par Tavarez59

Merci de t'intéresser à mon problème, mais tu pourrais m'expliquer un peu mieux le paramètre "content" s'il te plait?

le content est l'équivalent de ton bind. Donc Dojo ajoute à l'url les paramètres avec leur valeurs:
Code:

1 2 3 dojo.xhrGet({ url: "quizz.json", content: {param1:'valeur1',param2:'valeur2',param3:18 },
donnera cette url:

Code:

quizz.json?param1=valeur1&param1=valeur2&param3=18

Et il est aussi possible de lui passer comme paramètre un formulaire et dans ce cas il ajoute tous les champs sous forme de paramètres

Bon dev,

ERE
19/06/2009, 00h22
Tavarez59

Merci ;)

Au point où j'en suis j'ai le code suivant:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
function getText(num) {
  this.num = num;	
  var self= this;
  dojo.xhrGet({
    url: "quizz.json",
    handleAs: "json",
    load: function(responseObject, ioArgs){
    	self.data = responseObject; 
 
      return responseObject;
    },
    error: function(response, ioArgs){
      dojo.byId("toBeReplaced").innerHTML = 
        "An error occurred, with response: " + response;
      return response;
    }
  });
 
alert(self.data);
}

Or, quand j'execute le code le alert du self.data m'affiche "undefined" d'où vient le problème?

Merci!

Salut,

Le problème vient du fait que AJAX est asynchrone par défaut et donc que ton dojo.xhrGet n'a pas fini de s'exécuter quand tu demandes l'affichage du résultat :aie:

Si tu veux vérifier, il faut demander l'affichage du résultat dans la fonction de callback:
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 function getText(num) { this.num = num; var self= this; dojo.xhrGet({ url: "quizz.json", handleAs: "json", load: function(responseObject, ioArgs){ self.data = responseObject; alert(self.data); return responseObject; }, error: function(response, ioArgs){ dojo.byId("toBeReplaced").innerHTML = "An error occurred, with response: " + response; return response; } }); }
ERE

19/06/2009, 13h43
Tavarez59

Merci, ça m'éclaircit un peu mais le problème c'est que moi cette variable je dois l'utiliser hors de la fonction. En fait je veux récupérer l'objet JSON pour l'utiliser plus tard et ne le charger qu'une seule fois. Dans ce cas, je devrai essayer avec "complete" ça fonctionnera peut-être!

Bon grâce à tes conseils j'en arrive au code suivant, je le met ça servira surement à d'autres noob comme moi ;):

Code:

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
function getText(num) {
  this.num = num;	
  var self= this;
  dojo.xhrGet({
    url: "quizz.json",
    handleAs: "json",
    sync: true,
    load: function(responseObject, ioArgs){
    	self.data = responseObject; 
        /*var question = dojo.doc.createTextNode(responseObject.poll.question[self.num].value);
        dojo.body().appendChild(question);
        dojo.body().appendChild(document.createElement('br'));
        for(var i=0; i<responseObject.poll.question[self.num].answer.length;i++) {
        	var answer = responseObject.poll.question[self.num].answer[i].value;
        	var type = responseObject.poll.question[self.num].type;
        	var nbAnswers = responseObject.poll.question[self.num].answer.length;	
        	applyQuestionType(i, answer, type, nbAnswers);
        	dojo.body().appendChild(document.createElement('br'));
        }
        dojo.body().appendChild(document.createElement('br'));
      */  
 
      return responseObject;
    },
    error: function(response, ioArgs){
      dojo.byId("toBeReplaced").innerHTML = 
        "An error occurred, with response: " + response;
      return response;
    }
  });
 
alert(self.data.donneedujson);
 
}

Merci

19/06/2009, 13h50
emmanuel.remy

Citation:

Envoyé par Tavarez59

Merci, ça m'éclaircit un peu mais le problème c'est que moi cette variable je dois l'utiliser hors de la fonction. En fait je veux récupérer l'objet JSON pour l'utiliser plus tard et ne le charger qu'une seule fois. Dans ce cas, je devrai essayer avec "complete" ça fonctionnera peut-être!

Tu peux bien sûr utiliser ta variable data en dehors de la fonction, la seule chose c'est qu'il faut s'assurer que la requête AJAX est bien terminée ou encore que ta variable a bien été affectée. Utiliser complete ou autre chose ne t'apportera rien, cela ne fera que repousser le problème un peu plus loin. C'est un souci de d'architecture lié à AJAX (cas asynchrone) et non à Dojo.

Bon dev,

ERE