Récupérer une variable avec la fonction $.ajax

Version imprimable

bonjour,
je fais une requete ajax qui me genere un flux XML,je recupere une donnée de ce flux dans la fonction success,mais je n arrive pas a élargir la porté de cette variable.
Code:

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 $.ajax({ type:"GET", url: "/ajax/checkForm.do", data: "type="+type+"&valeur="+donne, dataType:"xml", success: function(dat) { erreur=""; $(dat).find("description").each(function(){ erreur += $(this).text(); }) ; }, error: function(){ {alert('fonction ajax failed');} } });
J aimerais récuperer la variable erreur en dehors de cette fonction,j ai essayé un plusieur solution dont les variable globale,pas réussit,si qq un a une idée merci.

23/02/2009, 10h02
Bovino

Citation:

j ai essayé un plusieur solution dont les variable globale,pas réussit

Etonnant, mais pour répondre, il faudrait en savoir un peu plus car il n'y a aucune raison pour qu'une variable globale ne fonctionne pas...
23/02/2009, 10h19
freakss

suite
j ai déclarer par exemple ma variable erreur au début de la page js qui contient quelques fonctions.
Code:

1 2 erreur="";
puis à l appel de la fonction ajax,elle est censé prendre une valeur,mais lorsque je fais un alert à la fin,lorsqu on sort de la fonction ajax,il n y a rien.par contre dans la fonction ajax,erreur prend bien une valeur non vide
23/02/2009, 10h58
marcha

Salut,

tu peux poster le code avec tes alerts stp

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
35
36
37
38
39
40
41
42
43
44
45
 
var erreur="";
function formulaire_ajax(type,donne){
 
  $.ajax({
			type:"GET",
			url: "/ajax/checkForm.do",
			data: "type="+type+"&valeur="+donne,
			dataType:"xml",
 
	   success: function(dat)
	         {
				$(dat).find("description").each(function(){
 
					erreur += $(this).text();
					alert("success="+erreur); 
                                        // on a bien une chaine non vide
 
				})	;
 
		    },
	       error: function(){
	        	 {alert('fonction ajax failed');}
	    	} 
 });
 
 
 return erreur;
}	
 
 
function chek_field(){
 
	$("input[class^=smartfield]").change(function(){
 
 
			s = this.getAttribute("class");
			s = s.substr(11);
 
		//	res = concatener_fields(s);
                        alert(erreur);   //on a rien du tout
			erreur = formulaire_ajax(s,this.value);	
 
			})
)}

23/02/2009, 11h45
freakss

il est normal qu on ai rien du tout dans l alert juste au dessus de

Code:

erreur = formulaire_ajax();

j ai rajouter un alerte apres mais on a rien non plus
23/02/2009, 11h51
marcha

Salut,

c'est tout a fait normal. car $.ajax lance la requête puis rends la main,
ainsi ton code d'alert s'exécute avant la fonction success (celle-ci étant
appelée au retour de la requête quelques milisecondes plus tard)
23/02/2009, 11h53
freakss

oui je vien de remarquer ca,comment regler ce probleme?
23/02/2009, 12h19
freakss

j aimerais bloquer le script js tant que la requete ajax n est pas complete.
23/02/2009, 12h48
marcha

Salut,

ce n'est pas une très bonne idée de bloquer le script, car tu bloque
toute ton interface pendant la requête. Le mieux c'est d'appeler
une fonction depuis success

Si tu explique plus en détail ce que tu cherches à faire je peux t'expliquer
comment.

je veux creer dynamiquement une div dans lequel il y aura un message d erreur ou pas apres une verification serveur.le serveur renvoie un flux xml avec un message d erreur.Le probleme c est que je n ai pas d idée comment coder dans la fonction success la creation dynamique de la div.Voici le code dans le fichier js qui tourne
Code:

1 2 3 4 5 6 7 8 9 10 11 12 if (erreur != ""){ e = document.createElement("div"); e.setAttribute("style","float:left;width:300px;height:10px;color:red;"); e.setAttribute("id","erreur_"+type); e.innerHTML=erreur; if(this.nextSibling) { return this.parentNode.insertBefore(e, this.nextSibling); } else {return this.parentNode.appendChild(e);} };
,mais si je l inclu dans la fonction success,il faut reparamétré et jen y arrive pas

23/02/2009, 14h08
freakss

en gros j aimerais remplacer this par $(".smartfield_"+type) c est un element input de classe : "smartfield_"+type ,mais apparement this est un objet html et $(".smartfield_"+type) un objet xml,ensuite les methodes parentNode,nextSibling... doivent etre adapté en jquery,mais je maitrise mal le sujet

Salut,

en gros tu pourrais écrire quelque chose dans ce genre,
j'ai un peu modifier ton code pour exploiter jQuery, mais
j'ai pas testé.

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
35
 
function formulaire_ajax(type, donne, showError){
  $.ajax({
	type:"GET",
	url: "/ajax/checkForm.do",
	data: "type="+type+"&valeur="+donne,
	dataType:"xml",
 
	success: function(dat) {
            var erreur = '';
	    $(dat).find("description").each(function(){
		erreur += $(this).text();
	    });
            if(erreur.length) showError(erreur);
	},
	error: function(){
            alert('fonction ajax failed');
	} 
  });
}	
 
function chek_field() {
  $("input[class^=smartfield]").change(function(){
      s = this.getAttribute("class");
      s = s.substr(11);
      var me = $(this);
      formulaire_ajax(s, this.value, function(erreur) {
          me.after($('<div></div>')
             .css({ float: 'left', width: '300px', height: '10px', color: 'red' })
	     .attr('id', "erreur_"+type)
             .html(erreur);
          );
      });
  })
}

bon j ai mis mon test dans la fonction success

Code:

1
2
3
 
if(erreur = "")
{$(".smartfield_"+type).after($('<div></div>').	css({ float: 'left', width: '300px', height: '10px', color: 'red'}).	attr('id',erreur_"+type).html(erreur));

ca fonctionne,

23/02/2009, 15h16
freakss

j ai oublié de te remercié

:yaisse2: