lecture dans un format json [Résolu]

[viny]

Bonjour,

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

Code :

{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 :

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 :

{'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 :

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 :

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

dans la fonction ci-dessous ça fonctionne :

Code :

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 :

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 :

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 :

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 :

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 :

[{'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]

Envoyé par viny

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 ?

Envoyé par viny

mon fichier json est celui-ci :

Code :

[{'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 :

{"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 :

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 :

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]

Envoyé par viny

Voilà j'ai trouvé en cherchant beaucoup :

Code :

merci

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

Code javascript :

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 :

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