JSON.parse for parsing a json list to javascript array doesn't work

Question

I'm getting a JSON list thanks to this function :

$(document).ready(function () { 
        var idContact = @ViewData["IdPhysique"];
        var Url = "/Accueil/DonneListeFonctionContact";
        $.getJSON(Url, { IdContact: idContact }, function (data) {  

        });

});

And I get this JSON:

Now I would like to parse that JSON to an array so I did this:

$(document).ready(function () { 
        var idContact = @ViewData["IdPhysique"];
        var Url = "/Accueil/DonneListeFonctionContact";
        var data = $.getJSON(Url, { IdContact: idContact }, function (data) {  

        });
        var array = JSON.parse(data);
});

But an error appears in Google development tool:

Uncaught SyntaxError: Unexpected token o

Is there an other way to do that ?

Answer 1

You don't have to parse it, because jQuery does it for you and passed it to your callback function in the data argument. $.getJSON() does not return the JSON. So:

 $(document).ready(function () { 
    var idContact = @ViewData["IdPhysique"];
    var Url = "/Accueil/DonneListeFonctionContact";
    $.getJSON(Url, { IdContact: idContact }, function (data) {  
        // here data is an array because jQuery already parsed the JSON
        // data.length is what you need to test
    });
 });

EDIT: Also the "JSON" response that you show in your question is not valid JSON. Property names must be double-quoted, and so must string values, so it should be:

[{"IdFonction":734, "LibellFonction":"Clercs"}, ...

Answer 2

It is already an array since you get it as JSON. You do not need to JSON.parse it!