Discussion :

[okoweb]

Bonjour,
Je souhaite alimenter un array par un retour ajax,

Code :

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

1
2
3
4
5
6
7
var monArray;
$.ajax(
   success : function(data){
       monArray = ["test"];
   }
);
alert(typeof monArray);

Alert() me retourne undefined. Que faire pour alimenter mon array au chargement de la page ? Une piste ?

Merci d'avance...

[Bovino]

Il faut préciser que monArray est un tableau.

var monArray = [];

[okoweb]

En fait ce que je veux faire c'est remplir mon array avec les données provenant de la bdd. Ce array a une portée globale au script.

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
var monArray;
function initArray(){
	$.ajax({
		type: 'POST',
		url: 'ajax.php',
		data: 'init=ok',
		dataType: 'json',
		success: function(data){
			monArray = $.map(data, function(elm, index) { return elm['name'] }); 
		}
	});	
}	
initArray();
$('#elm').typeahead({source: monArray}); // Déjà à ce niveau monArray est undefined

A cet effet, lors de l’exécution du script, à chaque fois que j'ajoute (en ajax) un élément dans la table qui alimente le array, je fais une mise à jour de mon array lors du success $.ajax(). De telle sorte à chaque fois que j'utilise monArray dans le script qu'il soit toujours à jour avec les dernières infos ajoutées à la table.

Code :

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

1
2
3
4
5
6
7
8
9
10
$('#bouton').on("click", function(){
	//Ajout en base des données
	$.ajax({
		//...
		success: function(data){
			//Reinitialisation ou mise à jour de monArray avec les nouvelles données qui viennent d'être ajoutées en base.
		}
	});	
	return false;
});

Maintenant lors d'une nouvelle sollicitation de monArray les nouvelles données ajoutées en base doivent y être.

Je pense avoir été claire...

merci d'avance...

[SpaceFrog]

Code :

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

function initArray(monArray){

?

[Bovino]

T'as quoi dans data ?

[SylvainPV]

Bonjour,

Ca ne fonctionne pas car tu fais un appel AJAX qui est asynchrone.

Code :

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

1
2
3
4
5
6
7
8
9
 
var monArray;
$.ajax(
   success : function(data){
       monArray = ["test"];
       alert("apres");
   }
);
alert("avant");

le callback success est appelé après l'exécution de alert("avant");
Il te faut revoir ton code pour isoler là où tu as besoin de monArray dans un callback appelé dans la fonction success.

[Bovino]

Oh p.... !
Je suis passé à coté de ça...

Bien vu Sylvain.

[okoweb]

Merci à vous tous pour vos réactions fructueuses.