lecture dans un format json

Version imprimable

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

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

Code:

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

24/01/2011, 20h45
viny

non ça ne fonctionne pas...

Que des "undefined" dans le select

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:

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:

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

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

24/01/2011, 21h52
viny

mon fichier json vient d'un fichier php alors je ne peux pas utiliser la méthode $.getJSON()
24/01/2011, 22h36
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/
24/01/2011, 22h43
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
24/01/2011, 23h07
danielhagnoul

Citation:

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 ?

Citation:

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 " .
24/01/2011, 23h17
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

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

:koi:

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

24/01/2011, 23h43
viny

Voir message ci-dessus

Citation:

Envoyé par 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

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

Code:

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 !

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