parser un json

Version imprimable

parser un json

Bonjour,

je débute avec jquery, je n'arrive pas à obtenir tous les CategoryName d'un json avec mon jquery:

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
 
[
    {
        "CategoryID": 1,
        "CategoryName": "Beverages",
        "Description": "Soft drinks, coffees, teas, beers, and ales",
        "Picture": {
            "Length": 10746
        }
    },
    {
        "CategoryID": 2,
        "CategoryName": "Condiments",
        "Description": "Sweet and savory sauces, relishes, spreads, and seasonings",
        "Picture": {
            "Length": 10746
        }
    },
    {
        "CategoryID": 3,
        "CategoryName": "Confections",
        "Description": "Desserts, candies, and sweet breads",
        "Picture": {
            "Length": 10746
        }
    }
]

Et voici mon jquery.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
$(window).ready(function() {
            $.ajax({
                type: "POST",
                url: "/Project/WebServiceCategories.asmx/GetCategories",
                data: "{}",
                contentType: "application/json; charset=utf-8",
                dataType: "json",
                success: function(msg) {
                    $.each(msg, function(key, value){
                        alert(value);
                    }) 
                }
            })
        })

si je fais value.CategoryName dans le alert, ca m'affiche undefined.

Quelqu'un a t-il une solution à m'apporter ?

merci d'avance.

Bonsoir.

Code:

1
2
3
$.each(json, function(i,item) {
    alert("Element = " + i + " : " + item.CategoryID + ", " + item.CategoryName + '\n' + item.Description + '\n' + item.Picture.Length);
});

18/05/2009, 00h22
Henry9

Citation:

Envoyé par danielhagnoul

Bonsoir.

$.each(json, function(i,item) {
alert("Element = " + i + " : " + item.CategoryID + ", " + item.CategoryName + '\n' + item.Description + '\n' + item.Picture.Length);
});

c'est undefined qui est retourné pour toutes les valeurs.

Bonsoir.

Pour moi cela fonctionne parfaitement, voici mon code :

Code:

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>Document sans nom</title>
    <script type="text/javascript" src="jquery-1.3.2.min.js"></script>
    <script type="text/javascript">
        $(document).ready(function() {
            var elClone = $("#conteneur").clone(true);
 
            $.getJSON("category.js", function(json) {
                $(elClone).empty();
 
                $.each(json, function(i,item) {
                    $("<p>Element = " + i + " : " + item.CategoryID + ", " + item.CategoryName + ", " + item.Description + ", " + item.Picture.Length + "</p>").appendTo(elClone);
                });
            });
 
            $("#conteneur").replaceWith(elClone);
        });
    </script>
</head>
<body>
    <div id="conteneur">
        <p>
            Désolé, le code JSON n'est pas disponible !
        </p>
        <p>
            Veuillez avoir l'obligeance de signaler cette erreur au <a href='mailto:moi@ici.com'>Webmestre</a>. Merci !
        </p>
    </div>
</body>
</html>

effectivement ca fonctionne votre code.

Je viens de remarquer que le problème venait d'autre part.

si je fais un alert de ma variable value. J'obtiens le json que j'avais mis en haut.

Par contre si je regarde dans firebug, dans l'onglet Response de mon webservice, j'obtiens un json avec pleins d'anti slash et un "d" devant. Comme le montre le json en bas. Pourtant le content type est bien indiqué text/json dans firebug.

Code:

1
2
3
4
5
6
7
8
9
10
11
12
 
{"d":"[{\"CategoryID\":1,\"CategoryName\":\"Beverages\",\"Description\":\"Soft drinks, coffees, teas
, beers, and ales\",\"Picture\":{\"Length\":10746}},{\"CategoryID\":2,\"CategoryName\":\"Condiments\"
,\"Description\":\"Sweet and savory sauces, relishes, spreads, and seasonings\",\"Picture\":{\"Length
\":10746}},{\"CategoryID\":3,\"CategoryName\":\"Confections\",\"Description\":\"Desserts, candies, and
 sweet breads\",\"Picture\":{\"Length\":10746}},{\"CategoryID\":4,\"CategoryName\":\"Dairy Products\"
,\"Description\":\"Cheeses\",\"Picture\":{\"Length\":10746}},{\"CategoryID\":5,\"CategoryName\":\"Grains
/Cereals\",\"Description\":\"Breads, crackers, pasta, and cereal\",\"Picture\":{\"Length\":10746}},{
\"CategoryID\":6,\"CategoryName\":\"Meat/Poultry\",\"Description\":\"Prepared meats\",\"Picture\":{\"Length
\":10746}},{\"CategoryID\":7,\"CategoryName\":\"Produce\",\"Description\":\"Dried fruit and bean curd
\",\"Picture\":{\"Length\":10746}},{\"CategoryID\":8,\"CategoryName\":\"Seafood\",\"Description\":\"Seaweed
 and fish\",\"Picture\":{\"Length\":10746}}]"}

Je pense que c'est au niveau du C# qui a mal serialiser mon objet.

Code:

1
2
JavaScriptSerializer js = new JavaScriptSerializer();
        return (js.Serialize(monObjetASerialiser));

Merci pour ton aide.