parser un json

**Henry9** · 17/05/2009, 20h32

Bonjour,

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

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

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

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.

**danielhagnoul** · 18/05/2009, 00h33

Bonsoir.

Code :

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

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

**Henry9** · 18/05/2009, 01h22

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.

**danielhagnoul** · 18/05/2009, 20h51

Bonsoir.

Pour moi cela fonctionne parfaitement, voici mon code :

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

**Henry9** · 18/05/2009, 22h13

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 :

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

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 :

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

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

Merci pour ton aide.

parser un json

jQuery

Vue hybride

Discussions similaires

Partager

Partager