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()

[danielhagnoul]

Bonsoir

Dans le message n° 6, excusez-moi d'être brutal, mais votre code n'a pas de sens. Collez une partie de mon code dans votre fonction ne sert à rien, car la variable "json" n'a pas le même contenu.

Que la source du JSON soit un fichier JavaScript ou un fichier PHP n'a pas d'importance si le JSON qu'il retourne est bien formé. Voir : http://api.jquery.com/jQuery.getJSON/

[viny]

Pas de souci j'ai répondu rapidement mais je n'ai pas fait de copier coller du code...J'ai adapté votre code et cela me retourne trois undefined comme avant.

mon fichier json est celui-ci :

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'}]

pas différent du votre

Cordialement

[danielhagnoul]

J'ai adapté votre code

Avec $.getJSON() la variable json est un objet JavaScript, elle contient le résultat de $.parseJSON() qui est une fonction jQuery qui appelle le parseur JSON des navigateurs.

Avec votre fonction parseJSON() quel est le contenu de la variable json ?

mon fichier json est celui-ci :

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'}]

pas différent du votre

Si ! Il y a des ' interdits. Il ne faut que des " .

[viny]

J'ai fait un alert(json);

et voici ce que j'obtiens :

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"}

Merci pour votre aide...je débute en jquery et ajax

[viny]

Voilà j'ai trouvé en cherchant beaucoup :

Code :

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

1
2
3
4
5
6
7
8
 
json=("["+json+ "]");
var $selectVille = $('select[name="form_ville"]');
 
$selectVille.empty();
$.each($.parseJSON(json), function(entryIndex, entry){
    var html='<option value="' + entry['ville_id']+ '">' + entry['ville_nom'] + '</option>';
   $selectVille.append(html);

merci

[danielhagnoul]

Si vous utilisez le code ci-dessous :

Code :

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

1
2
3
4
5
6
7
8
9
10
11
function parseJSON(json) {
    console.log("json = " + 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(""));
}

Avec le navigateur Firefox et le module Firebug, que donne le console.log() ?

[viny]

Voir message ci-dessus

[danielhagnoul]

Voilà j'ai trouvé en cherchant beaucoup :

Code :

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

1
2
3
4
5
6
7
8
 
json=("["+json+ "]");
var $selectVille = $('select[name="form_ville"]');
 
$selectVille.empty();
$.each($.parseJSON(json), function(entryIndex, entry){
    var html='<option value="' + entry['ville_id']+ '">' + entry['ville_nom'] + '</option>';
   $selectVille.append(html);

merci

En mettant de l'ordre, on devrait pouvoir arriver à ceci :

Code javascript :

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

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

Mais ce "["+json+ "]" m'étonne !

[viny]

Oui mon fichier php ne me retourne pas le json entre crochet donc je dois l'ajouter...

Code :

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

1
2
3
4
5
6
7
8
$resultat_g_fonc_ajax_obtenir_liste_ville =  g_fonc_ajax_obtenir_liste_ville($bd, $_POST['form_cp']);
	while($info_ville = $bd->tableauSuivant($resultat_g_fonc_ajax_obtenir_liste_ville))
	{
		$ville[]='{"ville_id":"'.$info_ville[0].'","ville_nom":"'.$info_ville[1].'"}';
 
	} 
 
   echo json_encode($ville);