Discussion :

[viny]

Bonjour,

Mon script php me retourne des données au format json comme ci-dessous :

Code :

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

{ville_id:23253,ville_nom:ESTAIRES},{ville_id:23455,ville_nom:NEUF-BERQUIN},{ville_id:23221,ville_nom:DOULIEU}

Avec cela je dois remplir un select mais je n'arrive pas à accéder via javascript aux clés ville_id et ville_nom avec la fonction que j'ai :

Code :

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

1
2
3
4
5
6
7
8
function parseJSON(json) {
                var $selectVille = $('select[name="form_ville"]');
                $selectVille.empty();
 
                for(var key in json) {
                    $selectVille.append('<option value="'+json[key]+'">'+json.ville_nom+'</option>');
                }
            }

Merci pour votre aide

[viny]

Bon voilà je récupère le json sous ce format :

Code :

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

{'ville_id':'23253','ville_nom':'ESTAIRES'},{'ville_id':'23455','ville_nom':'NEUF-BERQUIN'},{'ville_id':'23221','ville_nom':'DOULIEU'}

que j'envoie en paramètre dans la méthode

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
  function parseJSON(json) {
                var $selectVille = $('select[name="form_ville"]');
                $selectVille.empty();
                var infos_villes = eval('('+ json + ')');
 
                 for (var i=0 ; i < infos_villes.length ; i++)
				 {
					var infos_ville = infos_villes[i];
 
 
                    $selectVille.append('<option value="'+infos_ville.ville_id+'">'+infos_ville.ville_nom+'</option>');
                }
            }

et cela ne fonctionne pas....

mais en ajoutant cette ligne :

Code :

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

json=("["+json+ "]");

dans la fonction ci-dessous ça fonctionne :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
 function parseJSON(json) {
                var $selectVille = $('select[name="form_ville"]');
                $selectVille.empty();
                json=("["+json+ "]");
                var infos_villes = eval('('+ json + ')');
 
                 for (var i=0 ; i < infos_villes.length ; i++)
				 {
					var infos_ville = infos_villes[i];
 
 
                    $selectVille.append('<option value="'+infos_ville.ville_id+'">'+infos_ville.ville_nom+'</option>');
                }
            }

J'ai pas encore vraiment saisi pourquoi je dois ajouter ces crochets car je pensais que eval allait me transformer json en objet JavaScript mais je dois avoir un problème dans la syntaxe de json

Merci pour votre aide

[Bovino]

Code :

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

1
2
3
for(var key in json) {
    $selectVille.append('<option value="'+key+'">'+key.ville_nom+'</option>');
}

[viny]

non ça ne fonctionne pas...

Que des "undefined" dans le select

[danielhagnoul]

Bonsoir

Je préfère une solution jQuery à un problème du même nom

Mon fichier "JavaScript-1.json".
Attention, si le JSON n'est pas correct ('pas' mais "uniquement") jQuery ne fait rien et il ne signale aucune erreur !

Code json :

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

1
2
3
4
5
6
7
8
9
10
11
12
13
14
[
    {
       "ville_id":23253,
       "ville_nom":"ESTAIRES"
    },
    {
       "ville_id":23455,
       "ville_nom":"NEUF-BERQUIN"
    },
    {
       "ville_id":23221,
       "ville_nom":"DOULIEU"
    }
]

Code javascript :

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

1
2
3
4
5
6
7
8
9
10
11
var objSelectVille = $("select[name='form_ville']").empty();
 
$.getJSON("JavaScript-1.json", function(json){
	var tab = [];
 
	$(json).each(function(i, item){
		tab.push('<option value="' + item.ville_id + '">' + item.ville_nom + '</option>');
	});
 
	$("select[name='form_ville']").html(tab.join(""));
});

[viny]

idem que des undefined...

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
 
 
function parseJSON(json) {
      var $selectVille = $('select[name="form_ville"]');
      $selectVille.empt
      var tab = [];
 
     $(json).each(function(i, item){
    tab.push('<option value="' + item.ville_id + '">' + item.ville_nom + '</option>');
});
 
$("select[name='form_ville']").html(tab.join(""));
 
 
}

[viny]

mon fichier json vient d'un fichier php alors je ne peux pas utiliser la méthode $.getJSON()