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

**freakss** · 23/02/2009, 09h56

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 :

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
 
 
$.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.

**Bovino** · 23/02/2009, 10h02

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...

**freakss** · 23/02/2009, 10h19

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

Code :

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

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

**marcha** · 23/02/2009, 10h58

Salut,

tu peux poster le code avec tes alerts stp

**freakss** · 23/02/2009, 11h43

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
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);	
 
			})
)}

**freakss** · 23/02/2009, 11h45

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

Code :

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

 erreur = formulaire_ajax();

j ai rajouter un alerte apres mais on a rien non plus

**marcha** · 23/02/2009, 11h51

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)

**freakss** · 23/02/2009, 11h53

oui je vien de remarquer ca,comment regler ce probleme?

**freakss** · 23/02/2009, 12h19

j aimerais bloquer le script js tant que la requete ajax n est pas complete.

**marcha** · 23/02/2009, 12h48

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.

**freakss** · 23/02/2009, 13h52

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 :

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

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

**freakss** · 23/02/2009, 14h08

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

**marcha** · 23/02/2009, 14h21

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 :

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
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);
          );
      });
  })
}

**freakss** · 23/02/2009, 14h55

bon j ai mis mon test dans la fonction success

Code :

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

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,

**freakss** · 23/02/2009, 15h16

j ai oublié de te remercié

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

jQuery

Discussions similaires

Partager

Partager